vue打包后文件里路径多了./static
时间: 2023-05-10 17:01:39 浏览: 140
vue打包静态资源后显示空白及static文件路径报错的解决
Vue在打包时,会将所有的相对路径都转化为绝对路径。而在打包后的文件中,路径多出了./static,这是因为Vue默认情况下会将所有静态资源放在static文件夹下,因此在打包后的文件中,所有静态资源的路径都会以./static开头。
如果你不想在打包后文件的路径中看到./static,你可以通过修改Vue配置文件来实现。具体来说,你可以在build/webpack.base.conf.js文件中找到output.publicPath的选项,将其改为'/'即可。
除此之外,你也可以通过在Vue组件中使用绝对路径来避免这个问题。例如,如果你想在组件中引用static文件夹下的一张图片,你可以这样写:
<img src="/static/img/logo.png">
这样一来,打包后的文件中路径就不会多出./static了。
阅读全文