本指南将帮助你创建新的 Nuxt ↗ 应用,并部署到 Cloudflare Workers(配合新版 Workers Assets)。
NuxtDetected
Generated configuration
wrangler.jsonc
main:.output/server/index.mjs
wrangler.jsonc
assets:directory: .output/public
wrangler.jsonc
compatibility_flags:nodejs_compat
wrangler.jsonc
observability:enabled: true
nuxt.config.ts
preset:cloudflare
WorkersDeployed
Wrangler handles configuration automatically
使用 create-cloudflare ↗ CLI(C3)设置新项目。C3 会创建新的项目目录,启动 Nuxt 官方搭建工具,并提供立即部署的选项。
要使用 create-cloudflare 创建配合 Workers Assets 的新 Nuxt 项目,请运行以下命令:
npm create cloudflare@latest -- my-nuxt-app --framework=nuxtyarn create cloudflare my-nuxt-app --framework=nuxtpnpm create cloudflare@latest my-nuxt-app --framework=nuxt设置完成后,运行以下命令切换目录:
cd my-nuxt-app创建项目后,在项目目录中运行以下命令以启动本地服务器。这样可以在开发期间本地预览项目。
npm run devyarn run devpnpm run dev你可以从本地机器或任何 CI/CD 系统(包括 Cloudflare 自有 系统)将项目部署到 *.workers.dev 子域或自定义域名。
以下命令将构建并部署项目。若使用 CI,请确保相应更新你的 「deploy command」 配置。
npm run deployyarn run deploypnpm run deploy通过产品绑定(binding),Nuxt 应用可在本地开发和生产环境中与 Cloudflare Developer Platform 完全集成。Nuxt 文档 ↗ 介绍了如何配置绑定(binding)以及在 Nuxt 事件处理器中如何访问它们。
通过绑定(binding),你的应用程序可以与 Cloudflare Developer Platform 完全集成,让你访问计算、存储、AI 等功能。
Bindings
访问计算、存储、AI 等功能。