Cloudflare

将你的 Nuxt 应用部署到 Cloudflare 基础设施上。

Cloudflare Pages

零配置 ✨
与 Cloudflare Pages 的集成可以实现零配置，了解详情。
使用 @nuxthub/core 为你的 Nuxt 应用添加数据库、KV、Blob 存储和缓存。NuxtHub 支持 Vercel、Cloudflare、Netlify 等平台。在 hub.nuxt.com 上了解更多信息。

Git 集成

如果你在 Cloudflare Pages 中使用了 GitHub/GitLab 集成，则无需任何配置。推送到你的仓库将会自动构建并部署你的项目。

Nuxt 将检测环境以设置正确的 Server/Nitro 预设。

要在边缘利用服务端渲染，请将构建命令设置为：nuxt build

要静态生成你的网站，请将构建命令设置为：nuxt generate

路由匹配

在 Cloudflare Pages 上，如果找到与当前请求的路由路径相匹配的 HTML 文件，它将直接提供该文件。它还会将 HTML 页面重定向到没有扩展名的对应页面：例如，/contact.html 将被重定向到 /contact，而 /about/index.html 将被重定向到 /about/。

为了匹配 Cloudflare 路由匹配 规则，请将 nitro 选项 autoSubfolderIndex 设置为 false。

nuxt.config.ts
export default defineNuxtConfig({
  nitro: {
    prerender: {
      autoSubfolderIndex: false
    }
  }
})

直接上传

或者，你也可以使用 wrangler 将你的项目上传到 Cloudflare。

在这种情况下，你必须手动设置预设。

  1. 为 Cloudflare Pages 构建你的项目
终端
npx nuxi build --preset=cloudflare_pages
  1. 部署，首次部署时它会要求你创建一个项目
终端
npx wrangler pages deploy dist/

了解更多

前往 Nitro 文档 以了解有关 Cloudflare 部署预设的更多信息。
前往 Cloudflare Pages 文档以了解更多信息。

模板

Atidone

一个带有用户认证、SSR 和 Cloudflare D1 的待办事项应用。

Atinotes

一个基于 Cloudflare KV 的具有通用渲染功能的可编辑网站。

Atidraw

让你能够绘图并与世界分享你的画作的 Web 应用，集成了 Cloudflare R2 & AI。

Nuxt 图片库

一个用于上传、编辑图片并与世界分享的图片库，使用了 Cloudflare R2。

了解更多

前往 Nitro 文档 以了解有关 cloudflare 部署预设的更多信息。

Clever Cloud

将你的 Nuxt 应用部署到 Clever Cloud 基础设施上。

Deno Deploy

将你的 Nuxt 应用部署到 Deno Deploy 基础设施上。