vue文件style中设置背景文件打包后不生效问题

时间:2024-04-04 22:36:32

在vue项目中当需要在vue文件中的style里引入背景图片时,dev环境正常显示,build以后文件布到服务器上打开发现背景图不生效。vue文件style中设置背景文件打包后不生效问题

查看控制台发现这个样式的背景图引入路径错了。

 vue文件style中设置背景文件打包后不生效问题

vue文件style中设置背景文件打包后不生效问题 

 解决办法是在打包配置的build文件夹中找到utils.js文件,在该文件中找到vue-style-loader配置的部分加上publicPath: '../../'

vue文件style中设置背景文件打包后不生效问题

重新打包后放到服务器上测试,发现背景图片引入路径就正确了✌ ✌ ✌ 大功告成!

vue文件style中设置背景文件打包后不生效问题 

 

参考文章:https://segmentfault.com/q/1010000009700735