80 lines
2.2 KiB
Markdown
80 lines
2.2 KiB
Markdown
|
# CORS 问题解决方案
|
|||
|
|
|
|||
|
|
## 问题描述
|
|||
|
|
|
|||
|
|
当前端（运行在 localhost:3000）尝试访问 graph-rag-agent（运行在 localhost:8000）时，浏览器会阻止请求，因为违反了同源策略。
|
|||
|
|
|
|||
|
|
错误信息：
|
|||
|
|
```
|
|||
|
|
Access to fetch at 'http://localhost:8000/chat/stream' from origin 'http://localhost:3000' has been blocked by CORS policy
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 解决方案
|
|||
|
|
|
|||
|
|
### 方案1：修改 graph-rag-agent 的 CORS 配置（推荐）
|
|||
|
|
|
|||
|
|
我已经修改了 `/home/jzhengda/graph-rag-agent/server/main.py`，添加了 CORS 中间件：
|
|||
|
|
|
|||
|
|
```python
|
|||
|
|
from fastapi.middleware.cors import CORSMiddleware
|
|||
|
|
|
|||
|
|
app.add_middleware(
|
|||
|
|
CORSMiddleware,
|
|||
|
|
allow_origins=["*"], # 允许所有源
|
|||
|
|
allow_credentials=True,
|
|||
|
|
allow_methods=["*"],
|
|||
|
|
allow_headers=["*"],
|
|||
|
|
)
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**使用方法**：
|
|||
|
|
1. 重启 graph-rag-agent 服务：
|
|||
|
|
```bash
|
|||
|
|
cd ~/graph-rag-agent
|
|||
|
|
# 先停止现有服务 (Ctrl+C)
|
|||
|
|
# 然后重新启动
|
|||
|
|
python -m uvicorn server.main:app --reload --host 0.0.0.0 --port 8000
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 方案2：使用更安全的 CORS 配置
|
|||
|
|
|
|||
|
|
如果需要更安全的配置，可以使用 `main_cors_specific.py`，它只允许特定的源：
|
|||
|
|
|
|||
|
|
```bash
|
|||
|
|
cd ~/graph-rag-agent/server
|
|||
|
|
python -m uvicorn main_cors_specific:app --reload --host 0.0.0.0 --port 8000
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 方案3：使用浏览器插件（临时测试）
|
|||
|
|
|
|||
|
|
安装浏览器 CORS 插件（如 "CORS Unblock" 或 "Allow CORS"），仅用于开发测试。
|
|||
|
|
|
|||
|
|
### 方案4：配置反向代理
|
|||
|
|
|
|||
|
|
创建一个简单的反向代理，将前端和后端都代理到同一个端口下。
|
|||
|
|
|
|||
|
|
## 验证 CORS 配置是否生效
|
|||
|
|
|
|||
|
|
1. 重启 graph-rag-agent 后，访问测试页面：
|
|||
|
|
```
|
|||
|
|
http://localhost:3000/test-graph-rag.html
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
2. 或使用 curl 测试：
|
|||
|
|
```bash
|
|||
|
|
curl -I -X OPTIONS http://localhost:8000/chat \
|
|||
|
|
-H "Origin: http://localhost:3000" \
|
|||
|
|
-H "Access-Control-Request-Method: POST"
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
应该看到响应头中包含：
|
|||
|
|
```
|
|||
|
|
Access-Control-Allow-Origin: *
|
|||
|
|
Access-Control-Allow-Methods: *
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 注意事项
|
|||
|
|
|
|||
|
|
1. **生产环境**：不要使用 `allow_origins=["*"]`，应该指定具体的允许域名
|
|||
|
|
2. **开发环境**：当前配置允许所有源，方便开发测试
|
|||
|
|
3. **SSE（服务器发送事件）**：流式响应需要特别注意 CORS 配置
|