服务器引擎

Nuxt 由一个新的服务器引擎驱动:Nitro。

在构建 Nuxt 的过程中,我们创建了一个新的服务器引擎Nitro.

它具有许多功能

  • 跨平台支持 Node.js、浏览器、Service Worker 等。
  • 开箱即用的无服务器支持。
  • API 路由支持。
  • 自动代码分割和异步加载的 chunk。
  • 静态 + 无服务器站点的混合模式。
  • 带有热模块重载的开发服务器。

API 层

服务器 API 端点中间件由 Nitro 添加,它内部使用h3.

主要功能包括

  • 处理程序可以直接返回对象/数组,以实现自动处理的 JSON 响应
  • 处理程序可以返回 Promise,它们将被 await(也支持 res.end()next()
  • 用于正文解析、cookie 处理、重定向、headers 等的辅助函数

查看h3 文档获取更多信息。

server/ 目录中了解有关 API 层的更多信息。

直接 API 调用

Nitro 允许通过全局可用的 $fetch 辅助函数“直接”调用路由。如果在浏览器上运行,这将对服务器进行 API 调用,但如果在服务器上运行,它将直接调用相关函数,从而节省一次额外的 API 调用

$fetch API 正在使用ofetch,主要功能包括

  • 自动解析 JSON 响应(如果需要,可访问原始响应)
  • 请求正文和参数会自动处理,并带有正确的 Content-Type 标头

有关 $fetch 功能的更多信息,请查看ofetch.

类型化的 API 路由

当使用 API 路由(或中间件)时,只要您返回一个值而不是使用 res.end() 发送响应,Nitro 就会为这些路由生成类型。

您在使用 $fetch()useFetch() 时可以访问这些类型。

独立服务器

Nitro 会生成一个独立于 node_modules 的服务器分发包。

Nuxt 2 中的服务器不是独立的,需要通过运行 nuxt start(使用nuxt-startnuxt分发包)或自定义程序化使用来涉及 Nuxt 核心的一部分,这很脆弱且容易出错,不适用于无服务器和 Service Worker 环境。

Nuxt 在运行 nuxt build 时会生成这个分发包到 .output 目录。

输出包含在任何环境(包括实验性的浏览器 Service Worker!)中运行 Nuxt 服务器和提供静态文件的运行时代码,使其成为 JAMstack 的真正混合框架。此外,Nuxt 实现了一个原生存储层,支持多源驱动和本地资产。

在 GitHub 上阅读更多关于 Nitro 引擎的信息。