/vue3-vite-admin

使用vue3.x + vite + element-plus,开发的一套后台管理系统模板

Primary LanguageVue

简介

使用vue3.x + vite + element-plus,开发的一套后台管理系统模板

功能

- 多环境发布,配置对应环境数据(src/config/index.js)
- 动态路由权限(数据格式参考 src/config/menu.js)
- 标签页(keep-alive + vuex)
- 多维度axios封装
  - 判断多个异步请求是否完成,实现页面自动弹出Loading,自动关闭
  - 解决异步竞态问题,当有相同url的请求再次发起时,取消上一个pending中的请求
  - post传递form-data时,传入formData: true自动配置form-data所需的条件
  - 需要下载返回报文时,传入download: true会自动下载
- element-plus自定义主题 + 按需引入 + 自动引入
- vue、vue-router、vuex、components文件夹组件自动引入
- scss变量

启动项目

# 安装依赖
npm install

# npm 下载速度慢的问题可以修改npm源后再 npm install
npm config set registry https://registry.npm.taobao.org

# 启动开发环境
npm run dev

打包

# 测试环境
npm run test

# 生产环境
npm run build

系统

预览

鸣谢

vue-admin-template