vue中的相对和绝对路径的问题
2022-11-01 本文已影响0人
simonbaker
有任何问题都可以留言咨询。
相对路径
凡是相对路径，都会被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文件。
但用绝对路径的时候，需要注意访问路径的问题。
因为绝对路径，相对的是访问域名，而不包括路径。
比如当访问的是：
