vue项目打包之后背景样式丢失的解决方案
来源：动视网
责编：小采
时间：2020-11-27 22:02:02
vue项目打包之后背景样式丢失的解决方案
vue项目打包之后背景样式丢失的解决方案:原始 build/untils.js 原因：至于为什么背景图有的打包后存在，有的丢失，那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了，直接引，而背景图片里用的是相对路径最后会直接替换成static，但是明显路径会有问题，所以得配置下。 修改 需要在上
导读vue项目打包之后背景样式丢失的解决方案:原始 build/untils.js 原因：至于为什么背景图有的打包后存在，有的丢失，那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了，直接引，而背景图片里用的是相对路径最后会直接替换成static，但是明显路径会有问题，所以得配置下。 修改 需要在上
原始
build/untils.js
原因：至于为什么背景图有的打包后存在，有的丢失，那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了，直接引，而背景图片里用的是相对路径最后会直接替换成static，但是明显路径会有问题，所以得配置下。
修改 需要在上面红框中添加下面语句：
// 背景图片丢失：写改css中的路径(添加)
publicPath: '../../'
然后重新npm run dev即可
总结
vue项目打包之后背景样式丢失的解决方案
vue项目打包之后背景样式丢失的解决方案:原始 build/untils.js 原因：至于为什么背景图有的打包后存在，有的丢失，那是因为vue会把图片转成base64,但是图片大小超过阈值就不转了，直接引，而背景图片里用的是相对路径最后会直接替换成static，但是明显路径会有问题，所以得配置下。 修改 需要在上
