SmyWorkCollect/API_CONFIG.md

API配置说明

开发环境

开发环境下，前端会自动连接到 http://localhost:5000/api，无需额外配置。

生产环境配置

方式1: 前后端同域名部署

如果前端和后端部署在同一服务器的同一域名下，使用默认配置即可。 前端会使用相对路径 /api 访问后端。

方式2: 后端独立部署

如果后端部署在不同的服务器或域名，需要设置环境变量：

1. 在 frontend 目录下创建 .env.local 文件
2. 添加以下内容：

REACT_APP_API_URL=http://your-backend-domain.com:5000/api

方式3: 修改源代码

如果不想使用环境变量，可以直接修改 src/services/api.js 和 src/services/adminApi.js 文件中的配置。

后端CORS设置

确保后端允许前端域名的跨域请求。在 backend/app.py 中：

from flask_cors import CORS

app = Flask(__name__)
CORS(app, origins=['http://your-frontend-domain.com'])  # 指定允许的域名

常见问题

1. 构建后无法访问API: 检查API_URL配置是否正确
2. 跨域错误: 检查后端CORS设置
3. 连接超时: 检查后端服务是否正常运行，防火墙是否开放端口

部署建议

同域名部署 (推荐)

your-domain.com/          -> 前端静态文件
your-domain.com/api/      -> 后端API

不同域名部署

frontend.your-domain.com  -> 前端
api.your-domain.com       -> 后端

需要在前端设置 REACT_APP_API_URL=https://api.your-domain.com/api