[AI] 前后端分离的聊天产品实战：Next.js + FastAPI + OpenWebUI API

目标：构建前后端分离的聊天产品，前端用 Next.js，后端用 FastAPI 代理 OpenWebUI/vLLM 接口，涵盖鉴权、会话管理、RAG 扩展、流式 SSE、部署与监控。

1. 架构

• 前端：Next.js (App Router) + SSE/WebSocket 显示流式回复。
• 后端：FastAPI 提供/chat、/auth、/history、/rag/search；向下游 OpenWebUI/vLLM 转发。
• 向量库：可选 RAG，Chroma/PGVector；
• 鉴权：JWT/OAuth2；
• 监控：Prometheus + Grafana；日志到 Loki/ELK。

2. 后端 FastAPI 示例

fromfastapiimportFastAPI