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 安装后工程跑不起来了 🤦‍）