55 lines
1.5 KiB
Markdown
55 lines
1.5 KiB
Markdown
# 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`
|