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

网络编程 2021-07-04 15:50www.168986.cn编程入门

今天长沙网络推广就为大家分享一篇关于vue项目打包之后背景样式丢失的解决方案，长沙网络推广觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随长沙网络推广来看看吧

原始

build/untils.js

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

修改需要在上面红框中添加狼蚁网站SEO优化语句

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

然后重新npm run dev即可

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