国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

vue項目打包后顯示空白解決方案?

這篇具有很好參考價值的文章主要介紹了vue項目打包后顯示空白解決方案?。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報違法"按鈕提交疑問。

目錄

前言

一、頁面空白?

二、圖片加載不出來?

總結(jié)


前言

vue打包后會出現(xiàn)空白頁面,這說明配置的時候路徑有問題,接下來一起看看如何解決把。


一、頁面空白?

頁面空白說明打包路徑有問題,打開config/index.js,找到build下的assetsPublicPath,修改為'./',如下:

vue項目打包后打開空白解決辦法,碎碎記,vue.js,前端,javascript

這里說一下,dev環(huán)境下?assetsPublicPath: '/',表示項目根目錄,build?環(huán)境下的?assetsPublicPath: './',表示當(dāng)前更目錄

配置完后打包發(fā)現(xiàn)有頁面出現(xiàn)了

注意:如果還沒有頁面出現(xiàn),那可能是你的路由模式選用了history,修改為hash就可以啦

二、圖片加載不出來?

如果發(fā)現(xiàn)本地圖片顯示不出來,那肯定是圖片地址引用錯誤了,此時打開build/utils.js,找到ExtractTextPlugin.extract,新增?publicPath: '../../',如下圖:

vue項目打包后打開空白解決辦法,碎碎記,vue.js,前端,javascript

此時再打包,圖片就會顯示正常了


總結(jié)

以上就是今天要講的內(nèi)容,本文僅僅簡單介紹了打包后可能出現(xiàn)的兩種情況及解決方法,如果對你有幫助記得三連喲~文章來源地址http://www.zghlxwxcb.cn/news/detail-591557.html

到了這里,關(guān)于vue項目打包后顯示空白解決方案?的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包