本文记录了使用Vue.js实现后台管理项目的登录及权限控制思路，包括页面级和按钮级权限的处理。首先，对登录后返回的多角色权限数据去重并缓存页面级权限；其次，在路由配置中设定路由守卫，判断用户登录状态及权限；对于按钮级权限，将所有按钮权限缓存，然后通过自定义指令进行权限判断和绑定。
记录一下自己的思路，也给第一次做这方面的小伙伴提供个思路~~~~
项目里权限分为页面级权限和按钮级权限，权限表如下图所示：
A:页面级权限
1.登录成功后对后端返回的权限数据进行处理：如果用户有多个角色，角色间的权限可能会重复，需要先去重，然后获取页面级的权限，缓存到本地
2.在router下的index.js里定义所有的路由
3.在路由守卫里判断用户是否登录、即将跳转页面的路径是否包含在权限数组里等等情况进行相应的跳转
B：按钮级权限
1.登录成功后将后端返回的所有按钮级（没有路由）的权限缓存到本地
2.自定义指令
3.在对应按钮上绑定指令
写的比较糙，等以后项目经验成熟了再看看有没有更好的解决方案
最低0.47元/天 解锁文章
扫一扫
190
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
