$npm run build 與dist資料夾
- 先暫停vite終端機運作ctrl+c
- 在終端機上輸入$npm run build
- 跑完他會回傳他將編譯的資料都放在dist資料夾裡面(dist資料夾就代表是我們可以部署上去的資料夾)
- 在部署之前建議打開資料夾工具將dist資料夾獨立以vscode開啟
- 按一下go live可以看到畫面
- 但在重新按about頁面會發現cannot GET / about的提示
- 主要原因是因為現在的router不是瀏覽器可以運行的路由
- 關掉web server來做一些專案上的調整
## 專案的調整
- 跑完他會回傳他將編譯的資料都放在dist資料夾裡面(dist資料夾就代表是我們可以部署上去的資料夾)
- 我們打開專案中的src資料夾中的router資料夾的index.js發現我們需要使用前端路由也就是有#
- 到vue router網站找這段
- 覆蓋上去
- 重新運行專案npm run dev 網址上會出現# 就可以避免路徑錯誤的問題
- 再繼續重新編譯一次npm run build就會編譯並更新dist
- 打開vscode dist就會發現路由已出現#這代表正常了也可以重新整理