解决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