問題描述：
vue專案完成后，用npm run build 打包專案后，出現dist檔案夾，點擊dist檔案夾下的index.html頁面出現一片空白，
原因分析：
沒有修改config組態檔，直接打包，系統默認的是’/’（根目錄），而不是’./’（當前目錄）,從而導致路徑不對，頁面加載不出來，
解決方案：
針對vue-cli3.0以下版本的可以直接將config/index.js檔案的assetsPublicPath: ‘/’;改為assetsPublicPath: ‘./’; 然后再重新打包一次就可以了，
對于vue-cli3.0及以上版本沒有config組態檔的，需要自己在專案的根目錄下手動建一個組態檔并添上以下代碼：然后在重新打包一次就可以了，
module.exports = {
publicPath: './'
}
你以為這樣就結束了嗎？也許此時的你可以，但是小編我并沒有結束!!!
經過上面一番操作后，我點擊導航欄它是這個樣子的：
百度得知是我開發時路由的方式選的不同，才導致這樣，
vue-router總共有三種模式：https://blog.csdn.net/lcj529/article/details/108740607這篇博客里面講了這三種路由方式，
具體解決辦法：將router中的index.js 中的mode: "history"注釋掉，然后再重新打包即可，
最后附上這篇博客，羅列的更全面：
https://www.cnblogs.com/nuonuo-D/p/10516394.html
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/225413.html
標籤：區塊鏈