vue-cli寫完的靜態(tài)頁(yè)面我們?cè)趎ode環(huán)境中引入沒(méi)有問(wèn)題，但是打包后放在Apache環(huán)境下，路徑卻有問(wèn)題了

如一個(gè)簡(jiǎn)單css語(yǔ)句

.all_bg {

background: url(../images/all_bg.png) 0 0 no-repeat;

display: inline-block;

overflow: hidden;

background-size: 200px 300px;

}

但是打包后路徑成了卻出現(xiàn)404訪問(wèn)不到的問(wèn)題。

解決的辦法很簡(jiǎn)單

build路徑下utils.js文件

// Extract CSS when that option is specified

// (which is the case during production build)

if (options.extract) {

return ExtractTextPlugin.extract({

use: loaders,

fallback: 'vue-style-loader',

publicPath:'../../' //添加此代碼解決css樣式中背景圖片路徑問(wèn)題

})

} else {

return ['vue-style-loader'].concat(loaders)

}

總結(jié)

以上是生活随笔為你收集整理的vue样式中背景图片路径_vue打包css文件中背景图片的路径问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。