前端配置说明

前端是 Vite + Vue3 项目，关键配置在：

• frontend/vite.config.ts
• frontend/src/utils/request.ts

1. 端口与代理

开发环境默认：

• 前端端口：8888
• /api 代理到：http://127.0.0.1:8080
• /flask 代理到：http://127.0.0.1:8080/flask
• /socket.io 代理到：http://127.0.0.1:5000

这意味着你前端请求只写相对路径即可，不需要把后端地址写死在页面里。

2. 请求封装说明

request.ts 已做以下处理：

• 自动拼接 /api 或 /flask 前缀
• 默认超时 30 秒
• 对网络波动做有限重试
• 自动带上 token（如果用户已登录）

3. 上线时你要改什么

优先建议改 Nginx 反向代理，不建议硬编码 API 域名。

如果你确实要改代理目标，修改 vite.config.ts 中 server.proxy 的 target。

4. 构建与预览

cd frontend
npm ci
npm run build
npm run preview