Welcome to vue3-elementplus-admin 👋

vite + vue3 + Pinia + elementUi-plus 无限级菜单权限管理后台模板

🏠 Homepage

Author

👤 xuxuxu-ni

Github: @xuxuxu-ni
QQ: 595485548
QQ群: 157216616
email: 595485548@qq.com

Prerequisites

node >= 12.0.0
npm >= 6.0.0

Tips

当前框架技术栈: vit2 + vue3 + Pinia + typescript

vue2版本地址: https://github.com/xuxuxu-ni/vue-xuAdmin

这个框架权限是由前端控制的,如果不需要这个模式,可以看我另外一个全栈CMS项目,后台使用的是node框架egg.js+mysql,那个的权限是由后台返回有权限的路由,前端拿到路由后和前端路由表做筛选,得出最终的路由表生成菜单,好处是角色和角色所拥有的权限路由是动态的后台可随时编辑配置,两种模式按需使用

项目地址: https://github.com/xuxuxu-ni/nodePlatform-eggjs

1. vue3-elementplus-admin 后台模板简介

这个权限管理就是为了方便,跟系统安全真的不沾边，只是根据后台返回的角色信息来生成他可以看见的菜单和按钮，显示菜单的方法是根据权限删除掉路由表里没有权限的路由，然后再动态添加，原本包含没有访问权限的原路由表只要打开页面运行代码就已经不存在了，并且404页面除了过滤掉项目没有的路由外，同时每次的路由跳转都会鉴权。如果你知道了没有权限的路由试着强行跳转会因为没有权限直接会跳转404。
就算通过查看代码或者其他方法获取全部路由，并且绕过404，花了这么大精力，，那你也看不到新世界的大门，因为所有数据都是通过后台请求返回来的，你没权限后台不会给你数据的，也不会让你去操作，，除非后台不验证权限，只要有人请求我就给你所有数据，，，，

项目预览地址：

github: https://xuxuxu-ni.github.io/vue3-elementPlus-admin/#/
国内gitee: http://nirongxu.gitee.io/vue3-elementplus-admin/#/

vue3-elementplus-admin是基于vite + vue3 + Pinia + elementUi-plus 开发的一个后台模板，实现了无限级菜单，页面、按钮级别的权限管理，为了减少前后端的沟通成本，页面、按钮级别的权限验证和动态路由表的存储校验，也都由前端完成，这样前端新建页面或者删除页面都不需要告诉后台去增加删除路由表

enter description here