使用 Vue & UI Pro 的仪表板模板
部署

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

按需构建器

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

它们使您能够在用户首次访问页面时构建网站页面,然后在边缘缓存这些页面,以便在下次访问时使用,直到下次部署。

了解更多关于 Netlify 按需构建器的信息

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

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