解決 Vue Cli 專案發布至 Github Pages 上無法顯示頁面問題

會這樣的原因是，此時 Vue 專案指向的根目錄位置還是在開發階段的本地端
比如說專案是放在 D:\ 底下的專案資料夾，那麼 Vue 專案根目錄就是指向 D:\ 專案資料夾
這樣放在 Github 上之後當然就找不到 D:\

Vue Cli2

找到專案資料夾裏的 config \ index.js
將 build 裡的 assetsPublicPath 改成 assetsPublicPath: './',
build {
  assetsPublicPath: './',
}

Vue Cli3

在專案資料夾下新增 vue.config.js 檔案
內容是
module.exports = { publicPath: './', };

這樣之後 build 出來的專案就能正常的在 Github Pages 上顯示了