部署
Cloudflare
将你的 Nuxt 应用程序部署到 Cloudflare 基础设施。
Cloudflare Pages
零配置 ✨
与 Cloudflare Pages 的集成可以零配置实现,了解更多。
与 Cloudflare Pages 的集成可以零配置实现,了解更多。
查看 @nuxthub/core 模块,使用 Cloudflare 构建全栈 Nuxt 应用程序,在 hub.nuxt.com 上了解更多。
Git 集成
如果将 GitHub/GitLab 集成到 Cloudflare Pages 中,则**无需配置**。 推送到您的存储库会自动构建您的项目并部署它。
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。
在这种情况下,您必须手动设置预设。
- 为 Cloudflare Pages 构建您的项目终端
npx nuxi build --preset=cloudflare_pages
- 部署,它将要求您首次创建项目终端
wrangler pages deploy dist/