关于 Nuxt
Nuxt 是 Vue 应用框架，可进行服务端渲染、静态生成或纯客户端运行。文件路由、composables、server routes 与 Nitro 让前端和服务端端点可以放在同一项目中。
大多数 Nuxt 项目从 Node.js 和 Nuxt 开发服务器开始。数据库、内容源或 API 服务取决于所选模块和 server routes；需要浏览器安全来源的集成才需要 HTTPS 域名。
核心能力
- 文件路由
- SSR 与 SSG
- Nitro Server Engine
- Server Routes
- 自动导入
- Nuxt Modules
常见使用场景
- 重视 SEO 的 Vue 网站
- 内容与文档网站
- 服务端渲染的产品前台
- 带服务端 API 的 Vue 应用
- 混合渲染静态站
Nuxt 开发围绕渲染模式与内容来源
项目采用 SSR、静态生成还是混合模式，决定了实际需要运行哪些服务。
- Node.js 与 Nuxt 开发服务器
- 运行 Nuxt、Vite 模块转换和本地 Nitro。
- 内容或应用 API
- 运行项目配置的无头 CMS、后端 API 或本地内容工作流，不假定每个 Nuxt 应用都有数据库。
- Server Routes 数据库
- 只有 Nitro handlers 或关联服务持久化业务数据时才需要。
- 本地域名与 HTTPS
- 测试 SSR Cookie、OAuth 回调或生产主机规则时有用。
典型本地技术栈
具体服务取决于项目、发布版本及本地配置。这里展示的是常见配置，而非固定要求。
| 组件 | 典型作用 |
|---|---|
| Node.js | 用于本地 Nuxt 环境的 Node.js 服务。 |
| PostgreSQLMySQL | 用于本地 Nuxt 环境的 PostgreSQL / MySQL 服务。 |
| NginxCaddy | 用于本地 Nuxt 环境的 Nginx / Caddy 服务。 |
FlyEnv 如何提供帮助
匹配项目运行时
为 Nuxt 选择项目所需的运行时版本。
管理本地服务
仅在项目需要时启动数据库、缓存和其他服务。
保持项目隔离
让不同项目使用各自的版本和服务配置。
配置本地域名
需要时可通过本地域名和 HTTPS 访问项目。
配置本地环境
项目安装请遵循上游官方文档；FlyEnv 负责管理其所需的运行时、数据库、Web 服务器和辅助服务。
- 1按照 Nuxt 官方文档安装项目和依赖。
- 2在 FlyEnv 中选择项目需要的运行时版本。
- 3启动项目配置中指定的数据库服务。
- 4仅在项目需要时启动缓存、搜索或其他辅助服务。
- 5按需配置本地 Web 服务器、域名和 HTTPS。
- 6将相关服务加入启动组，方便重复启动。
准备好本地运行 Nuxt 吗？
使用 FlyEnv 管理本地 Nuxt 环境所需的运行时、数据库、Web 服务器和服务。