vue中的相对和绝对路径的问题

有任何问题都可以留言咨询。

相对路径

凡是相对路径，都会被webpack处理。

以 . 开头，都会作为一个相对模块来解释。

比如：url(./test.png) 会被翻译为 require('./test.png')。

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

绝对路径

绝对路径，访问的是public文件夹下面的静态资源。

注意，在public文件夹下面的静态资源，都会被简单的复制，而不是经过webpack处理。

比如页面 http://localhost:8080/#/console/instance/download 中的连接，代码如下所示：

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

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

但用绝对路径的时候，需要注意访问路径的问题。

因为绝对路径，相对的是访问域名，而不包括路径。

比如当访问的是：

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

有问题可群咨询：
https://public-1253796280.cos...