vue文件里使用背景報(bào)錯(cuò)怎么解決

發(fā)布時(shí)間：2021-01-12 10:09:23 來源：億速云閱讀：386 作者：栢白欄目：編程語言

這篇文章主要介紹了vue文件里使用背景報(bào)錯(cuò)怎么解決，具有一定借鑒價(jià)值，需要的朋友可以參考下。下面就和我一起來看看吧。

vue文件里使用背景報(bào)錯(cuò)的解決辦法：1、在webpack.prod.conf.js文件中output里添加“publicPath：'./'”；2、在utils.js文件里添加“publicPath:'../../'”；3、修改css表即可。

本教程操作環(huán)境：windows7系統(tǒng)、vue2.0版，DELL G3電腦。

vuejs在css樣式表里設(shè)置背景圖background:url('path'),報(bào)錯(cuò)

解決辦法：

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

vue文件里使用背景報(bào)錯(cuò)怎么解決

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

vue文件里使用背景報(bào)錯(cuò)怎么解決

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

vue文件里使用背景報(bào)錯(cuò)怎么解決

css樣式表文件這樣寫

vue文件里使用背景報(bào)錯(cuò)怎么解決

這樣就可以正常使用了

以上就是vue文件里使用背景報(bào)錯(cuò)怎么解決的詳細(xì)內(nèi)容了，看完之后是否有所收獲呢？如果想了解更多相關(guān)內(nèi)容，歡迎來億速云行業(yè)資訊！

向AI問一下細(xì)節(jié)

猜你喜歡