服务器
使用 Nuxt 的服务器框架构建全栈应用。您可以从数据库或其他服务器获取数据,创建 API,甚至生成静态服务器端内容,如站点地图或 RSS 源 - 所有这些都来自单一代码库。
由 Nitro 驱动
Nuxt 的服务器是 Nitro。它最初是为了 Nuxt 创建的,但现在是 UnJS 的一部分,并且开放给其他框架 - 甚至可以单独使用。
使用 Nitro 让 Nuxt 拥有超能力:
- 完全控制您应用的服务器端部分
- 在任何提供商上进行通用部署(许多零配置选项)
- 混合渲染
Nitro 内部使用 h3,一个为高性能和可移植性而构建的最小 H(TTP) 框架。
服务器端点与中间件
您可以轻松管理 Nuxt 应用的服务器部分,从 API 端点到中间件。
端点和中间件可以这样定义:
server/api/test.ts
export default defineEventHandler(async (event) => {
// ... 在此处执行您想要的操作
})
您可以直接返回 text
、json
、html
或甚至一个 stream
。
开箱即用,它支持 热模块替换 和 自动导入,就像 Nuxt 应用的其他部分一样。
通用部署
Nitro 提供在任何地方部署您的 Nuxt 应用的能力,从 bare metal 服务器到边缘网络,启动时间仅需几毫秒。这是非常快的!
有超过 15 个预设可以为不同的云提供商和服务器构建您的 Nuxt 应用,包括:
或用于其他运行时:
混合渲染
Nitro 有一个强大的特性叫做 routeRules
,它允许您定义一组规则来定制您 Nuxt 应用每个路由的渲染方式(以及更多)。
nuxt.config.ts
export default defineNuxtConfig({
routeRules: {
// 为 SEO 目的在构建时生成
'/': { prerender: true },
// 缓存 1 小时
'/api/*': { cache: { maxAge: 60 * 60 } },
// 重定向以避免 404
'/old-page': {
redirect: { to: '/new-page', statusCode: 302 }
}
// ...
}
})
此外,还有一些路由规则(例如,ssr
、appMiddleware
和 experimentalNoScripts
)是 Nuxt 特有的,用于在渲染页面为 HTML 时更改行为。
某些路由规则(appMiddleware
、redirect
和 prerender
)还会影响客户端行为。
Nitro 用于构建服务器端渲染的应用,以及预渲染。