# 多模型 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 检索侧栏 - 用户登录与鉴权 ```