# 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` 跳过类型检查