Nuxt3 踩坑記錄

1. 路由對應的頁面需要一個根元素 —— 雖然 Vue3 支持多個根元素，但在 Nuxt3 里面，如果進入多根元素頁面，再跳轉去其他頁面，會導致頁面空白
2. 對於寫在 <template> 里的圖片，最好自己封裝一個 <Img> 組件，這樣可以統一配置圖片的根路徑（比如 CDN），Nuxt3 目前沒有對圖片統一轉發的配置
3. 對於寫在 CSS 里的圖片，可以通過 Nuxt3 的 Server Middleware 來攔截轉發
4. 暫時不支持編譯成靜態頁面
5. 在 nuxt.config.ts 里配置的 serverMiddleware，handler 如果直接寫函數，只能在 dev 模式下生效！！！想在生產環境也生效需要把函數寫到一個 JS 文件里
6. 在 beforeCreated 和 created 生命周期的代碼，即 setup 里的代碼，在服務端也是會執行的，這時候如果你想僅在客戶端執行，可通過 process.client 判斷
7. 截止 2022.4.23 已經有 815 個 version 了（最新的那個 version 安裝后工程跑不起來了 🤦‍）