初始化提交

API_CONFIG.md

@@ -0,0 +1,54 @@
+# 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` 中：
+
+```python
+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`