通过 100+ 条技巧学习 Nuxt!
部署

Netlify

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

设置

Nuxt 将自动检测您是否在 Netlify 构建环境中,并构建您的服务器的优化版本。

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

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

如果您想添加自定义重定向,您可以使用 routeRules,或者通过向您的 public 目录添加 _redirects 文件来实现。

对于部署,只需将代码推送到您的 git 仓库,就像您通常为 Netlify 所做的那样

Netlify 边缘函数

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

设置以下环境变量以在边缘函数上运行 Nuxt

SERVER_PRESET=netlify_edge

按需构建器

按需构建器是用于按需生成 Web 内容的无服务器函数,这些内容会自动缓存在 Netlify 的边缘 CDN 上。

它们使您能够在用户首次访问您的站点时构建页面,然后将其缓存在边缘,以便在下次部署之前进行后续访问。

阅读更多关于 Netlify 按需构建器的信息

设置以下环境变量以启用按需构建器

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