解決vue打包后首頁(yè)一片空白、背景圖加載不出來(lái)、css加載失敗問(wèn)題

1、vue打包后首頁(yè)一片空白問(wèn)題

????????解決辦法:修改一下config下面的index.js中bulid模塊導(dǎo)出的路徑。因?yàn)閕ndex.html里邊的內(nèi)容都是通過(guò)script標(biāo)簽引入的,而你的路徑不對(duì),打開(kāi)肯定是空白的。先看一下默認(rèn)的路徑。

// Paths

assetsSubDirectory: 'static',

assetsPublicPath: '/',

proxyTable: {},

中的assetsPublicPath: '/',改為assetsPublicPath: './',

2、背景圖片加載不出來(lái)????

解決辦法:打開(kāi)build / utils.js,在下面新添加一句publicPath:'../../',該設(shè)置會(huì)把css所有引入的資源的路徑變成 …/…/static/img/ ,這樣就能找到資源了

return ExtractTextPlugin.extract({

????use: loaders,

????fallback: 'vue-style-loader',

? ? ? publicPath:'../../',? ? //新添加的

})

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本號(hào) vue-c...
    tengrl閱讀 3,881評(píng)論 0 0
  • 要使用這個(gè)模板,可以用vue-cli來(lái)支持一個(gè)項(xiàng)目。 $ npm install -g vue-cli $ vue...
    吃雞翅的可樂(lè)閱讀 311評(píng)論 0 2
  • ## 框架和庫(kù)的區(qū)別?> 框架(framework):一套完整的軟件設(shè)計(jì)架構(gòu)和**解決方案**。> > 庫(kù)(lib...
    Rui_bdad閱讀 3,158評(píng)論 1 4
  • vue項(xiàng)目,訪問(wèn)打包后的項(xiàng)目,輸入路徑后,頁(yè)面加載空白。這時(shí)會(huì)有兩類(lèi)問(wèn)題,都是路徑問(wèn)題。 1.一個(gè)是css,js,...
    四月天__閱讀 2,028評(píng)論 0 0
  • 拿做計(jì)劃的能力為例來(lái)說(shuō),如何將過(guò)程與結(jié)果建立聯(lián)系,怎么盯著成績(jī)卻能提高成績(jī)。 比如,暑假40天,老師剛好留了...
    愛(ài)珂1202閱讀 566評(píng)論 0 4

友情鏈接更多精彩內(nèi)容