成都网站建设设计

将想法与焦点和您一起共享

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


本文标题:vue文件里使用背景报错怎么解决
链接URL:http://chengdu.cdxwcx.cn/article/ipedji.html