vue通過build打包後 打開index.html頁面是空白的

最近在build打包vue項目遇到了幾個問題,如下:

1、npm run build打包項目之後,我們通常是把dist文件裏面被壓縮後的static文件跟index.html提交到服務器,但最近發現直接打開index.html頁面是空白的,還會報幾個錯,找不到頁面路徑。

原因:找到config文件下index.js,全局搜索assetsPublicPath,結果是 assetsPublicPath:' / ' 默認爲根目錄,而index.html和static是在同一級目錄下,因此,解決方法就是 assetsPublicPath:' ./ ' 斜槓前加一個點,表示同一級。如圖:

2、頁面可以正常打開了,但是vue-router跳轉路由頁面無法顯示,其實,這個也很簡單。

解決方法:打開index.js看路由配置,mode:' hash ' 改這個配置即可,如圖:

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章