Cloudflare Pages 前端

WARNING

下面两种方式选择一种即可

前后端分离部署

第一次部署会提示创建项目, production 分支请填写 production

cd frontend
pnpm install
cp .env.example .env.prod

修改 .env.prod 文件

将 VITE_API_BASE 修改为上一步创建的 worker 的 url, 不要在末尾加 /

例如: VITE_API_BASE=https://xxx.xxx.workers.dev

pnpm build --emptyOutDir
# 根据提示创建 pages
pnpm run deploy

部署完成之后你可以在 Cloudflare 控制台看到你的项目, 可以为 pages 配置自定义域名

通过 page functions 转发后端请求

从 page functions 转发请求到 worker 后端, 可以获取更快的响应速度

第一次部署会提示创建项目, production 分支请填写 production

如果你的 worker 后端 名称不为 cloudflare_temp_email 请修改 pages/wrangler.toml

cd frontend
pnpm install
# 如果你要启用 Cloudflare Zero Trust, 需要使用 pnpm build:pages:nopwa 来禁用缓存
pnpm build:pages
cd ../pages
pnpm run deploy