vue文件里使用背景报错怎么解决-创新互联

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

目前创新互联已为1000多家的企业提供了网站建设、域名、网站空间、网站托管维护、企业网站设计、永修网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

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文件里使用背景报错怎么解决的详细内容了,看完之后是否有所收获呢?如果想了解更多相关内容,欢迎来创新互联网站建设公司,行业资讯!


文章标题:vue文件里使用背景报错怎么解决-创新互联
文章地址:http://ybzwz.com/article/ddcogs.html