文章目录
-
- 需求
- 分析
-
- 1. 设计
- 2. 创建一个文件 `chat-AI.vue`
- 3. 编写样式
- 4. 编写页面逻辑
- 🔎 4.1. 头像用户和AI
- 🔎 4.2. 发送消息无法定位滚动到最后一条
- 🔎 4.3. 滚动区域内容变化高度不变的问题
- 🔎 4.4. 消息时间不是动态的
- 🔎 4.5. AI 接入
需求
最近,来了一个新需求,要求本地部署 DeepSeek,并接入到项目中
上篇文章中写了如何本地部署 deepseek,这篇文章讲讲如何调用
分析
DeepSeek API 文档
文档中写到了直接调用接口的方式

1. 设计
看到黑马官方的这个聊天窗口不错,那就用这个做自己的 UI