158 lines
3.3 KiB
Markdown
158 lines
3.3 KiB
Markdown
|
||
# MCP Client Vue - 版本发布记录
|
||
|
||
## v1.0.0
|
||
重构时间: 2025-10-12
|
||
|
||
### 🎯 初始发布
|
||
|
||
#### 核心特性
|
||
- **MCP客户端基础功能** - 支持Model Context Protocol
|
||
- **双传输协议** - HTTP和SSE(Server-Sent Events)传输
|
||
- **Vue 3 + TypeScript** - 现代化前端技术栈
|
||
- **Naive UI组件库** - 美观的用户界面
|
||
- **Pinia状态管理** - 响应式数据流
|
||
|
||
#### 基础功能
|
||
- 服务器连接管理
|
||
- 工具调用执行
|
||
- 资源获取支持
|
||
- 提示词管理
|
||
- 基本的错误处理
|
||
|
||
#### 技术实现
|
||
- 前后端分离架构
|
||
- RESTful API设计
|
||
- 实时双向通信
|
||
- 模块化组件设计
|
||
- TypeScript类型安全
|
||
|
||
### 📋 项目结构
|
||
```
|
||
mcp-client-vue/
|
||
├── src/ # 后端服务
|
||
│ ├── server/ # Express服务器
|
||
│ └── types/ # TypeScript类型
|
||
├── web/ # Vue前端应用
|
||
│ ├── src/ # Vue组件和服务
|
||
│ ├── public/ # 静态资源
|
||
│ └── dist/ # 构建输出
|
||
└── docs/ # 项目文档
|
||
```
|
||
|
||
### 🎯 设计理念
|
||
- **用户友好** - 直观的操作界面
|
||
- **开发者友好** - 清晰的代码结构
|
||
- **可扩展性** - 模块化架构设计
|
||
- **跨平台** - 基于Web技术实现
|
||
|
||
---
|
||
|
||
## 下载和安装
|
||
|
||
### 系统要求
|
||
- Node.js 18.0+
|
||
- 现代浏览器（Chrome 90+, Firefox 88+, Safari 14+）
|
||
|
||
### 快速开始
|
||
```bash
|
||
# 克隆项目
|
||
git clone [repository-url]
|
||
cd mcp-client-vue
|
||
|
||
# 安装依赖
|
||
cd web && npm install
|
||
|
||
# 启动开发服务器
|
||
npm run dev
|
||
|
||
# 访问应用
|
||
open http://localhost:5173
|
||
```
|
||
|
||
### 生产构建
|
||
```bash
|
||
# 构建项目
|
||
npm run build
|
||
|
||
# 预览构建
|
||
npm run preview
|
||
```
|
||
|
||
---
|
||
|
||
## 支持和反馈
|
||
|
||
- 📖 [完整文档](./README.md)
|
||
- 📋 [更新日志](./CHANGELOG.md)
|
||
- 🐛 [问题报告](./CURRENT_STATUS.md)
|
||
- 📚 [开发指南](./DEVELOPMENT_GUIDE.md)
|
||
|
||
**MCP Client Vue - 让MCP集成变得简单高效** 🚀
|
||
|
||
## v1.0.1
|
||
|
||
重构时间: 2025-10-14
|
||
|
||
### 🎉 重大改进
|
||
|
||
基于v1.0.0的深度优化版本，全面提升了用户体验和系统稳定性。
|
||
|
||
#### 🚀 核心功能
|
||
- **完善的服务器管理系统**
|
||
- 支持HTTP和SSE双传输协议
|
||
- 可视化连接状态管理
|
||
- 自动重连机制（页面刷新恢复连接）
|
||
- 智能URL地址转换（0.0.0.0 → localhost）
|
||
|
||
#### 🛠️ 主要修复
|
||
- ✅ **编辑按钮响应** - 修复点击无响应问题
|
||
- ✅ **连接协议** - 修复HTTP 406和SSE 404错误
|
||
- ✅ **界面显示** - 修复模态框空白页问题
|
||
- ✅ **表单数据** - 修复字段不填充问题
|
||
- ✅ **状态持久化** - 修复页面刷新断连问题
|
||
|
||
#### 🎨 用户体验
|
||
- 优化模态框尺寸（90vw宽度，最大1200px）
|
||
- 改进表单验证和错误提示
|
||
- 实时连接状态指示
|
||
- 详细的操作日志和调试信息
|
||
|
||
#### 🏗️ 技术栈升级
|
||
- Vue 3.4.15
|
||
- TypeScript 5.3.3
|
||
- Naive UI 2.43.1
|
||
- vue-tsc 2.0.6（从1.8.25升级）
|
||
|
||
### 📦 发布内容
|
||
|
||
```bash
|
||
# 安装和启动
|
||
cd web && npm install
|
||
npm run dev
|
||
```
|
||
|
||
### 🔧 配置要求
|
||
|
||
#### HTTP服务器
|
||
```json
|
||
{
|
||
"name": "HTTP服务器",
|
||
"url": "http://localhost:3100",
|
||
"type": "http"
|
||
}
|
||
```
|
||
|
||
#### SSE服务器
|
||
```json
|
||
{
|
||
"name": "SSE服务器",
|
||
"url": "http://localhost:3200/sse",
|
||
"type": "sse"
|
||
}
|
||
```
|
||
|
||
### ⚠️ 已知问题
|
||
- TypeScript类型错误47个（不影响功能）
|
||
- 使用 `npm run build:skip-check` 跳过类型检查
|