vue-cli寫(xiě)完的靜態(tài)頁(yè)面我們?cè)趎ode環(huán)境中引入沒(méi)有問(wèn)題,但是打包后放在Apache環(huán)境下,路徑卻有問(wèn)題了
如一個(gè)簡(jiǎn)單css語(yǔ)句
.welcome { width: 420px; height: 235px; background: url(../img/welcome.jpg) 0 0 no-repeat;但是打包后路徑成了卻出現(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:'../../' //添加此代碼?。?! }) } else { return ['vue-style-loader'].concat(loaders) }以上這篇解決vue打包c(diǎn)ss文件中背景圖片的路徑問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注