解决vue-cli 打包后静态资源路径不对的问题

项目基于vue-cli搭建的，都会自动配置一些打包的参数。在实际项目中，可能会用到static下的静态图片。

打包出来后，图片加载错误。查看图片路径发现有双层的static/css/static/images。很明显是打包的时候，路径配置的不对。

可以通过添加publicPath:"../../"解决该问题：需要修改build文件夹下的utils.js代码，如图所示：

publicPath配置后，引入的图片就会在文件路径前添加该路径配置；相关资料【https://webpack.docschina.org/guides/public-path/】

 

文章由本人亲自整理，绝对原创，转载请说明。如有问题也请大家多多包涵

 

转载于:https://www.cnblogs.com/sifo/p/10083996.html