訪問dist文件里的index.html 或者訪問發(fā)布到云服務上的地址,會出現(xiàn)如下的 空白頁面以及報錯。

報錯.png
1.主要是路徑的問題
因為index.html 里邊的內(nèi)容是都通過script的標簽引入的,如果路徑不對,打開的頁面就是空白的。
修改 config文件夾里的index.js里的assetsPublicPath的值

assetsPublicPath默認的是‘/’,也就是根目錄。我們的index.html和static在同一級的目錄下邊。
注意:修改的是 build:{}里邊的路徑
2.也有可能是路由配置里的模式問題
在src里邊router/index.js路由配置里的默認模式是hash,如果你改成了history模式的話,打開也會是一片空白。所以改為hash或者直接把原來的模式配置刪除,讓它默認的就行 。
如果非要使用history模式的話(需要和后臺一起配合使用),需要你在服務端加一個覆蓋所有的情況的候選資源:如果URL匹配不到任何靜態(tài)資源,則應該返回一個index.html,這個頁面就是你app依賴頁面。