快速设置
nuxi build --preset=cloudflare_pages 构建您的应用DBNuxt Content 模块内置与 Cloudflare Pages 的集成以部署您的内容。
模块将自动检测构建目标并准备 Cloudflare Pages 所需的配置。
您可以在 nuxi build 命令中使用 --preset=cloudflare_pages 选项,或者在 nuxt.config.ts 中配置该预设。
export default defineNuxtConfig({
nitro: {
preset: 'cloudflare_pages',
},
});
Nuxt Content 模块的正常工作需要连接一个 D1 数据库。默认情况下模块使用绑定名称 DB。您可以通过在 nuxt.config.ts 中提供您的自定义数据库配置来覆盖该设置,详情见 数据库配置。
创建新的 Cloudflare Pages 项目后,您需要新建一个 D1 数据库并将其连接到项目。请确保使用与模块相同的绑定名称。
虽然 nuxi dev 和 nuxi build 不需要额外配置,但使用 nuxi preview 进行本地构建测试时,需要配置 Cloudflare 的 Wrangler,以提供一个临时的本地数据库供 Nuxt Content 绑定。此配置可以通过 wrangler.jsonc 或 wrangler.toml 文件实现。因为 Wrangler 会创建本地数据库,database_name 和 database_id 可以安全地与生产环境中的值不同,但也可以相同。
{
"d1_databases": [
{
"binding": "DB",
"database_name": "example-db",
"database_id": "example-db-id"
}
]
}
请查看: