vue项目打包之后背景样式丢失的解决方案

这篇文章主要为大家详细介绍了vue项目打包之后背景样式丢失的解决方案，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随四海网的小编两巴掌来看看吧！

 

原始

 

build/untils.js

【图片暂缺】

 

原因：

至于为什么背景图有的打包后存在，有的丢失，那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了，直接引，而背景图片里用的是相对路径最后会直接替换成static，但是明显路径会有问题，所以得配置下。

 

 

修改     需要在上面红框中添加下面语句：

 

代码如下：

// 背景图片丢失：写改css中的路径(添加)
publicPath: '../../'

【图片暂缺】

然后重新npm run dev即可

 

总结

 

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对四海网的支持。如果你想了解更多相关内容请查看下面相关链接

本文来自：http://www.q1010.com/184/7044-0.html

注：关于vue项目打包之后背景样式丢失的解决方案的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。

关键词：vue.js