cloudflare-deploy.md

Cloudflare Pages 部署指南

部署配置

构建设置

• 构建命令: npm run cf:deploy
• 输出目录: dist

环境变量

此应用支持通过环境变量控制防滥用功能：

• ABUSE_REDIRECT_ENABLED: 设置为 true 可开启防滥用跳转页面
• SHOW_ABUSE_POPUP: 设置为 true 可开启防滥用提醒弹窗

部署步骤

1. 将代码推送到 GitHub 仓库
2. 在 Cloudflare Dashboard 中创建 Pages 应用
3. 连接 GitHub 仓库
4. 配置构建设置：
   • 构建命令: npm run cf:deploy
   • 输出目录: dist
5. (可选) 在 Cloudflare Dashboard 的项目设置中添加环境变量：
   • ABUSE_REDIRECT_ENABLED = true (开启防滥用跳转)
   • SHOW_ABUSE_POPUP = true (开启防滥用弹窗)
6. 点击部署

注意事项

• 此应用是纯静态的 React 应用，所有数据处理都在客户端进行
• 不需要服务器端 API，所有功能都可以在浏览器中完成
• 应用使用 localStorage 存储用户数据，数据不会上传到服务器
• 使用 --legacy-peer-deps 参数解决依赖冲突问题