用户运营前台（Vue 3 + Vite）

基于 Vue 3 + TypeScript + Element Plus 的用户运营前台。聚焦以下几类能力：

• 账号密码 / 微信扫码登录、Token 自动刷新、退出登录
• 控制台首页展示当前会话信息 & 运维健康状态
• 用户管理：查询、详情抽屉、创建、激活/冻结、错误码友好提示

快速开始

npm install
npm run dev

构建产物：

npm run build
npm run preview

环境变量

在根目录创建 .env / .env.development 等文件配置以下变量：

变量	说明	默认值
VITE_API_BASE_URL	后端 API 根路径	/api
VITE_DEFAULT_APP_ID	登录页默认 AppId	demo-app
VITE_WECHAT_AUTH_URL	微信扫码授权入口	空
VITE_DEV_PROXY_TARGET	本地代理地址（开发模式）	http://localhost:8080
VITE_DEV_PROXY_DISABLED	为 true 时关闭 /api 代理	false

目录结构

• src/api：HTTP 封装与各业务模块 API
• src/stores：Pinia 会话状态、Token 管理
• src/router：登录守卫 & 路由结构
• src/views：登录、控制台、用户管理页面
• src/components/common：复用展示组件（如服务状态卡片）

其他说明

• Axios 拦截器自动附加 Authorization 和 X-Request-Id
• Token 过期前 1 分钟自动调用 /auth/token/refresh
• 401 / 020003 / 020004 / 020006 会触发刷新或退出
• 错误码通过 src/utils/error-map.ts 映射为友好提示