前后端分离的vue3项目改造成nuxt3项目

传统vue项目，因为是客户端渲染的方式，很难被搜索引擎收录发现，为了拥有更好的seo，增加网站的曝光度，大家逐渐转服务端渲染方案了，怎么才能把一个vue3的老项目，改造成nuxt3项目呢？以下是我自己个人改造过程中记录的一些关键点，希望可以帮到需要的你。

新建一个nuxt项目

$ npx nuxi init <project-name>
# or
$ pnpm dlx nuxi init <project-name>

根据nuxt3目录结构规则，创建基础的目录结构

我的是这样的：

│─.nuxt                        -- 项目运行时自动生成的目录，不可编辑
│─.output                      -- 项目打包之后自动生成的输出目录，不可编辑
│─api                          -- 接口目录
│─assets                       -- 静态资源
│  ├─font                      -- 字体目录
│  ├─images                    -- 图片素材目录
│  └─style                     -- 公用样式文件
│─components                   -- 公用组件
│─composables                  -- 组合式函数
│─config                       -- 项目全局配置
│─hooks