老师您好，咨询个项目打包之后，静态资源路径的问题
来源：7-6 Vue项目首页 - 图标区域逻辑实现
zjc_Dream
2019-07-04
我之前没有配置如图 webpack.prod.conf.js 里面的 publicPath: ‘./’ 这个参数，然后只是在config - build - index.js里面的 build:{} 里面去配置了 assetsPublicPath: ‘./’ 这个参数。
然后 npm run build 打包之后静态资源的路径为绝对路径，如图：
这种绝对路径会导致扔到服务器上之后，index.html里面加载的静态资源文件，路径不对找不到。
正确的应该为下图这种相对路径 如图：
我在查看资料之后，就有了一开始说的在 webpack.prod.conf.js
里面添加 publicPath: './' 配置。
（
PS：我查看资料有的显示在config - build - index.js
配置 assetsPublicPath: './' 此属性就会解决，然后我这并没有效果
）
在 build - webpack.prod.conf.js 文件中 output里面添加 publicPath: './'
就可以解决我打包之后静态资源文件路径不对的问题。
但是我现还是没搞明白 为什么在 build - webpack.prod.conf.js 文件中 output里面添加 publicPath: ‘./’ 路径就没问题了，老师，您能给说下吗？感谢！
写回答
2回答
-
publicPath 是指打包生成的文件放在那里，assetsPublicPath 应该是相对于publicPath，所以两个要配合下，./相对于./ 就还是./
012019-07-08 -
蒋犇犇
2020-03-21
、使用vue 2.6以上版本的配置方式
00
、相似问题