vue專案打包後首頁一片空白解決辦法和具體原因總結

2021-09-02 04:57:11 字數 716 閱讀 5983

很高興在萬千文章中你看到本章,希望能為你解決問題!!!

在最初用vue+webpack+vue-router做專案的時候,在本地pc開發測試都是正常的,但是在把**打包部署到測試伺服器之後,訪問專案首頁總是白屏。

第一種,打包後的dist目錄下的檔案引用路徑不對,會因找不到檔案而報錯導致白屏。

解決辦法:修改一下config下面的index.js中bulid模組匯出的路徑。因為index.html裡邊的內容都是通過script標籤引入的,而你的路徑不對,開啟肯定是空白的。先看一下預設的路徑。

module.exports = {

build: {

env: require('./prod.env'),

index: path.resolve(__dirname, '../dist/index.html'),

assetsroot: path.resolve(__dirname, '../dist'),

assetssubdirectory: 'static',

assetspublicpath: '/',

productionsourcemap: true

assetspublicpath預設的是 『/』 也就是根目錄。而我們的index.html和static在同一級目錄下面。 所以要改為 『./ 』;

再次執行 npm run build 就可以了。

感謝分享

vue專案打包後首頁一片空白解決辦法和具體原因總結

vue 專案 在ie瀏覽器下頁面顯示為空 1.相容ie9 ie10可能會遇到語法或者 promise錯誤,安裝 babel polyfill npm install babel polyfill 2.在頁面入口配置main.js中引入 babel polyfill import babel poly...

更換IP後Portal開啟一片空白

有的小夥伴,安裝配置完portal以後,因為某原因需要改ip,結果導致portal開啟後一片空白,server manager 也一直在那載入。上面的那個文章也有寫方法。但是,操作完以後發現還是不顯示,這是什麼情況?然後我發現其實是需要四個地方的。解決方案 1 從下列四個位置找到hostidenti...

DedeCms後台登入一片空白的解決方法

今天在dede後台登陸時出現了問題,導致後台變成空白,再回頭登陸時,登陸頁面也是一片空白,檢視源 也是一片空白,在網上找了些資料,參考肖老師總結資料解決了dede後台登入變成一片空白的問題 找到 include common.inc.php檔案,開啟,查詢程式 error reporting e a...