vue文件里使用背景报错怎么解决

vue文件里使用背景报错怎么解决

这篇文章主要介绍了vue文件里使用背景报错怎么解决,具有一定借鉴价值,需要的朋友可以参考下。下面就和我一起来看看吧。

vue文件里使用背景报错的解决办法:1、在webpack.prod.conf.js文件中output里添加“publicPath:'./'”;2、在utils.js文件里添加“publicPath:'../../'”;3、修改css表即可。

本教程操作环境:windows7系统、vue2.0版,DELL G3电脑。

vuejs在css样式表里设置背景图background:url('path'),报错

解决办法:

1、在webpack.prod.conf.js文件里output里面添加:publicPath:'./'

vue文件里使用背景报错怎么解决

2、在utils.js文件里添加 publicPath:'../../'

vue文件里使用背景报错怎么解决

3、在config/index.js文件里,添加assetsPublicPath:'./'

vue文件里使用背景报错怎么解决

css样式表文件这样写

vue文件里使用背景报错怎么解决

这样就可以正常使用了

以上就是vue文件里使用背景报错怎么解决的详细内容了,看完之后是否有所收获呢?如果想了解更多相关内容,欢迎来亿速云行业资讯!