目錄
前言
一、頁面空白？
二、圖片加載不出來？
總結(jié)
前言
vue打包后會出現(xiàn)空白頁面，這說明配置的時候路徑有問題，接下來一起看看如何解決把。
一、頁面空白？
頁面空白說明打包路徑有問題，打開config/index.js，找到build下的assetsPublicPath，修改為'./'，如下：
這里說一下，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: '../../'，如下圖：
此時再打包，圖片就會顯示正常了文章來源：http://www.zghlxwxcb.cn/news/detail-591557.html
總結(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)！
![[DNS網(wǎng)絡(luò)] 網(wǎng)頁無法打開、顯示不全、加載卡頓緩慢 | 解決方案](https://imgs.yssmx.com/Uploads/2024/02/764756-1.png)
