安装管理前端
2026/10/26大约 1 分钟
安装管理前端(am-web)
am-web 是基座的后台管理台,作为 qiankun 主应用编排插件子应用。
1. 环境
- Node.js >= 20.19.0
- pnpm >= 8.8.0
2. 安装与运行
cd am-web
pnpm install
pnpm dev # 开发,Vite 默认自动代理到后端 8787
pnpm build # 生产构建,产物在 dist/3. 接口地址
后端地址通过 .env.development / .env.production 配置(如 VITE_... 代理目标)。开发态走 Vite 代理避免跨域;生产建议与后端同域部署(见生产部署)。
4. 主要目录
am-web/src/
├── api/ # 接口封装
├── bridge/ # 与插件子应用的 hostBridge 宿主实现
├── components/ # 通用组件
├── router/ # 路由与动态菜单
├── store/ # Pinia 状态
├── views/ # 页面
└── main.ts # 入口(含 qiankun 注册)与插件的关系
管理台负责登录后加载插件 manage 入口、注入登录态与基座能力(Bridge)。插件如何被加载,见双入口架构。
