Skip to content

Vue 后台模板(下载与使用)

基于 v3-admin-vite 5.0.2 的 Vue3 + Vite + Element Plus 后台 starter,复用 @sud-web/*(http / utils / vue-hooks / vue-ui)基础设施。下方两套为预设组合,按默认变量预构建、开箱即用:

  • 统一登录模板(admin-sso):重定向式 SSO 登录(无登录页),header 布局,基于 @sud-web/http,对外样式皮肤。
  • 企业微信模板(admin-wecom):企业微信扫码登录,navigation 布局(NavigationBar + TagsView),自带 axios,对内样式皮肤。

下载

统一登录模板基于 v3-admin-vite 5.0.2
auth: ssolayout: headeraxios: sud-httpskin: external
⬇ 下载 admin-sso.zip1762 KB · 构建于 2026-07-24
企业微信模板基于 v3-admin-vite 5.0.2
auth: wecomlayout: navigationaxios: standaloneskin: internal
⬇ 下载 admin-wecom.zip1886 KB · 构建于 2026-07-24

这里始终只提供最新的预构建包,每次文档构建会自动同步。

下载后怎么用

  1. 解压 zip,顶层目录即模板根(如 admin-sso/),用编辑器打开。
  2. 安装依赖:npm i
  3. 按需修改默认变量(生成时已填入默认值):
    • appName:包名 / 应用名(默认 = 预设名)。
    • publicPath:访问路径前缀(写入 VITE_PUBLIC_PATH,默认 /,如部署在子路径填 /admin/)。
    • ssoChannel:SSO channel 标识(默认 pink_web,仅 admin-sso)。
    • wecomAppId:企业微信 appid(默认 ww4559b9515af2ee6c,仅 admin-wecom)。
    • devPort:Vite dev 端口(默认 3800)。
    • systemName:缓存命名空间(默认 authorization)。
  4. 启动开发:npm run dev。admin-sso 会跳转 SSO 登录,admin-wecom 出企业微信面板。