最近在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 ' 改這個配置即可,如圖: