通过 100 多个技巧的集合学习 Nuxt!
部署

Netlify

将你的 Nuxt 应用程序部署到 Netlify 基础设施。
零配置 ✨
与 Netlify 的集成可以通过零配置实现,了解更多

设置

Nuxt 将自动检测到你处于 Netlify 构建环境中,并构建服务器的优化版本。

对于新站点,Netlify 将检测到你正在使用 Nuxt 3,并将发布目录设置为 dist,构建命令设置为 npm run build

如果你正在从 Nuxt 2 升级现有站点,你应该检查这些设置并在需要时更新它们。

如果你想添加自定义重定向,你可以使用 routeRules 或通过将 _redirects 文件添加到你的 public 目录来完成。

对于部署,只需像往常一样为 Netlify 推送到你的 git 仓库 即可

Netlify Edge Functions

Netlify Edge Functions 使用 Deno 和强大的 V8 JavaScript 运行时,让你可以运行全球分布的函数,以获得最快的响应时间。

设置以下环境变量以在 Edge Functions 上运行 Nuxt

SERVER_PRESET=netlify_edge

On-demand Builders

On-demand Builders 是用于按需生成 Web 内容的无服务器函数,这些内容会自动缓存在 Netlify 的 Edge CDN 上。

它们使你能够在用户首次访问你的站点页面时构建页面,然后将它们缓存在边缘,以供后续访问,直到下次部署。

阅读更多关于 Netlify on-demand builders 的信息

设置以下环境变量以启用 on-demand builders

SERVER_PRESET=netlify_builder
前往 Nitro 文档,了解更多关于 netlify 部署预设的信息。