2019-05-29 vue 打包文件 訪問index.html 為空頁面

訪問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依賴頁面。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容