一个简单的vue3后台权限控制系统
-
当前系统是基于vue3+vue-router实现权限控制的一个后台管理系统，主要流程的如下： 首先用账号登录服务器，服务器根据当前账号所拥有的权限和类别，在接口返回账号的角色字段和权限字段，角色字段主要用来控制账号能在前端页面看到的页面路由，而权限字段则是用来控制账号能在页面上看到响应的功能、按钮等逻辑。
-
前端逻辑在处理路由时，主要把路由定为公共路由和受限路由（也可以说成私密路由），公共路由也就是所有人都能看到路由的，而受限路由是需要账号有权限才能使用的路由，受限路由又分为动态受限路由和静态受限路由，所谓动态受限路由就是账号登录，更具账号具有的权限，动态添加近路由列表系统的路由，而静态受限路由的则是app初始就分配的路由，只是这些路由在路由参数meta属性下配置了所能访问的角色类别。动态受限路由是根据账号动态更新的，也即账号换登录也会变化，静态受限路由访问控制的思路就是在路由守卫router.beforeEach回调里面判断账号是否有权限访问当前路由从而控制访问