# chat

**Repository Path**: wsgtzn/chat

## Basic Information

- **Project Name**: chat
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-12-17
- **Last Updated**: 2025-12-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# AI 对话应用

一个基于 Vue 3 + Element Plus 的 AI 对话应用，集成了 DeepSeek API。

## 功能特性

- 🎯 **AI 对话**：集成 DeepSeek API 进行智能对话
- 💬 **多对话管理**：支持创建、查看、删除多个对话
- 📱 **响应式设计**：适配不同屏幕尺寸
- 🎨 **现代化 UI**：使用 Element Plus 组件库
- ⚡ **流式响应**：实时显示 AI 回复内容
- 📝 **Markdown 渲染**：支持代码块、表格、列表等格式
- ⌨️ **打字机效果**：模拟真实对话体验

## 技术栈

- **前端框架**：Vue 3
- **UI 组件库**：Element Plus
- **路由管理**：Vue Router
- **状态管理**：Pinia
- **构建工具**：Vite
- **API 集成**：DeepSeek Chat API

## 项目结构

```
src/
├── api/
│   └── api.js          # API 封装
├── views/
│   ├── Chat.vue        # 聊天主页面
│   ├── Login.vue       # 登录页面
│   └── Register.vue    # 注册页面
├── router/
│   └── index.js        # 路由配置
├── App.vue             # 根组件
└── main.js             # 入口文件
```

## 快速开始

### 安装依赖

```bash
npm install
# 或
pnpm install
```

### 启动开发服务器

```bash
npm run dev
# 或
pnpm dev
```

应用将在 http://localhost:5173 启动。

### 构建生产版本

```bash
npm run build
# 或
pnpm build
```

## API 配置

### 代理配置
在 `vite.config.js` 中配置了 DeepSeek API 代理：

```javascript
server: {
  proxy: {
    '/deepseek': {
      target: 'https://api.deepseek.com',
      changeOrigin: true,
      rewrite: (path) => path.replace(/^\/deepseek/, '/v1'),
      secure: false,
    }
  }
}
```

### API 封装
在 `src/api/api.js` 文件中配置了 DeepSeek API：

```javascript
const DEEPSEEK_API_KEY = 'sk-caafe56d570a4731b274603677c02a3d';
// 使用代理路径
const DEEPSEEK_API_URL = '/deepseek/chat/completions';
```

## 主要功能说明

### 对话管理
- **新建对话**：点击侧边栏的"新建对话"按钮
- **选择对话**：点击侧边栏中的对话项切换对话
- **删除对话**：鼠标悬停在对话项上显示删除按钮

### 消息发送
- 在输入框中输入消息内容
- 按 Enter 键或点击发送按钮发送消息
- 支持多行文本输入

### 静态数据
- 对话列表使用静态数据模拟
- 包含 3 个示例对话
- 新建对话时会添加到列表顶部

## 注意事项

1. 确保网络连接正常，以便调用 DeepSeek API
2. API 密钥已配置在代码中，生产环境建议使用环境变量
3. 对话数据存储在内存中，刷新页面会重置

## 许可证

MIT License