关于vue.js:vue中的相对和绝对路径的问题

13次阅读

共计 516 个字符,预计需要花费 2 分钟才能阅读完成。

有任何问题都能够留言征询。

相对路径

但凡相对路径,都会被 webpack 解决。

以 . 结尾,都会作为一个绝对模块来解释。

比方:url(./test.png) 会被翻译为 require(‘./test.png’)。

<img src="./test.png">
// 就会被编译为:h('img', { attrs: { src: require('./test.png') }})

绝对路径

绝对路径,拜访的是 public 文件夹上面的动态资源。

留神,在 public 文件夹上面的动态资源,都会被简略的复制,而不是通过 webpack 解决。

比方页面 http://localhost:8080/#/conso… 中的连贯,代码如下所示:

<a href="/bucket/test.csv" download> 查看样例 </a>

此时,点击 ” 查看样例 ”,就会到根目录查找 bucket 目录和其下的 test.csv 文件。

但用绝对路径的时候,须要留神拜访门路的问题。

因为绝对路径,绝对的是拜访域名,而不包含门路。

比方当拜访的是:

详情 请查看原文。 https://mp.weixin.qq.com/s?__…

有问题可群征询:
https://public-1253796280.cos…

正文完
 0