taiji_vue/README.md

taiji-AI-PAD 前端工程

本项目是基于 Vue 3 + TypeScript + Vite 构建的 Agent 赋能平台前端界面。

技术栈

• Vue 3 (Composition API)
• TypeScript
• Pinia (状态管理)
• Vue Router (路由)
• Axios (接口请求)
• CSS Variables + Web Animations API (动画与主题)

目录结构

• src/api: 接口定义与 Axios 封装
• src/components: 公用 UI 组件 (Card, Sidebar, Header, Toast)
• src/stores: Pinia 状态存储
• src/views: 业务页面 (仪表盘, 工具中心, RapidAPI, OpenAPI, APILLAMA, Agent 管理)
• src/styles: 全局样式与动画定义
• src/utils: 工具函数与请求拦截

快速启动

1. 安装依赖: npm install

2. 配置环境变量: 修改 .env 文件中的 VITE_API_INGESTION, VITE_API_MCP 等地址。

3. 运行开发服务器: npm run dev

4. 构建生产版本: npm run build

接口映射说明

• 仪表盘: 对接 /health 与 /stats
• 工具中心: 对接 /tools (GET/POST/DELETE)
• RapidAPI: 对接 /rapidapi/sync 与 /rapidapi/test
• OpenAPI: 对接 /openapi/parse
• APILLAMA: 对接 /apillama/process
• Agent 管理: 对接 /agents 与 /agents/{id}/execute
• 实时会话: 对接 ws://localhost:8000/ws/{agent_id}

注意事项

• 全站严禁使用 emoji
• 默认支持浅色/深色主题切换
• 响应式适配 1366px 及以上桌面端与移动端