温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2021-01-12 10:09:23 来源:亿速云 阅读:379 作者:栢白 栏目:编程语言

这篇文章主要介绍了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文件里使用背景报错怎么解决的详细内容了,看完之后是否有所收获呢?如果想了解更多相关内容,欢迎来亿速云行业资讯!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI