vue3.0打包以後展示空白頁（history模式轉回哈希值模式）

一、問題描述

構建項目的時候，好奇心驅使，選了history模式。 效果就是地址欄的‘#’沒了。開發過程中沒啥影響，就是打包以後，dist文件夾裏的index.html打開能加載很多靜態文件，就是渲染不出內容，展示空白頁。

二、原因

據我猜測，是文件路徑的問題。如果有大佬知道原因，歡迎賜教！

三、解決辦法

1. 項目根目錄添加一個vue.config.js文件

module.exports = {
  publicPath: './', // 這個配置我也不知道爲啥，網上查來的
}

2. router.js文件

把構建時選擇的模式，注掉，現在項目就不是history模式了。再重新打包，dist文件下的index.html在本地就可以打開了（index.html文件在本地都打不開，上線更打不開~）

export default new Router({
  // mode: "history", 
});