34 lines
988 B
Markdown
34 lines
988 B
Markdown
|
# 多模型 AI 聊天前端
|
||
|
|
|
||
|
|
基于 Vite + Vue3 + TypeScript + Pinia + Vue Router 的多大模型可切换聊天应用基础骨架。
|
||
|
|
|
||
|
|
## 功能概览
|
||
|
|
- 左侧侧边栏：路由导航 + 模型下拉切换
|
||
|
|
- Chat 页面：
|
||
|
|
- 基础消息列表
|
||
|
|
- 流式输出 (SSE/Fetch 读取)
|
||
|
|
- Shift+Enter 换行、Enter 发送
|
||
|
|
- Settings 页面：简单的各 Provider API Key / Endpoint 输入 (本地存储)
|
||
|
|
- About 页面：说明
|
||
|
|
- 明暗主题切换（侧边栏按钮，通过 data-theme 切换 CSS 变量）
|
||
|
|
|
||
|
|
## 后端接口假设
|
||
|
|
- POST `/api/chat/stream` (SSE 或 chunked 文本, 行以 `data: 内容` 开头, `[DONE]` 结束)
|
||
|
|
- POST `/api/chat` 返回 `{ text: string }`
|
||
|
|
|
||
|
|
## 开发
|
||
|
|
```bash
|
||
|
|
npm install
|
||
|
|
npm run dev
|
||
|
|
```
|
||
|
|
|
||
|
|
## TODO / 后续可扩展
|
||
|
|
- 会话列表 & 历史存储
|
||
|
|
- Markdown + 代码高亮 + 复制按钮
|
||
|
|
- 模型配置动态拉取
|
||
|
|
- 错误与重试、取消请求 (AbortController)
|
||
|
|
- 工具调用 / 图像 / 文件消息类型
|
||
|
|
- RAG 检索侧栏
|
||
|
|
- 用户登录与鉴权
|
||
|
|
```
|