一、概念

前端所谓的权限管理就是我们需要根据用户的角色不同来展示不同的内容，如下图所示：
超级管理员：

vip会员：

游客：

像上面这样，根据用户的不同来展示不同的菜单栏。

二、实现思路

首先用户输入账号密码进行登录，其次登陆成功后保存后台返回的token，再向后台获取用户的信息，其中重要的是包括用户的角色信息（管理员，VIP，游客），其次就是左侧的菜单要结合路由去显示数据，也就是说右侧的内容部分要结合左侧菜单去显示相应的数据，权限管理难就难在要根据用户的不同进行动态添加路由或者子路由、动态显示组件，这个操作就要在路由拦截中进行操作，路由拦截会在每次url地址发生改变时调用，就是和请求拦截器一样，有路由路由发生改变跳转之前的拦截，也有路由发生改变跳转之后的拦截 ，然后这里面进行动态添加路由的操作，这里也可以进行优化，将请求的结果缓存下来减少请求的次数 ，因为路由拦截只要url发生改变就会调用。

获取用户角色信息接口：

接口返回的具体信息：

路由拦截，动态添加路由：

💕$原创不易，还希望各位大佬支持一下$

👍 $点赞，你的认可是我创作的动力！$

⭐ $收藏，你的青睐是我努力的方向！$

🥕 $评论，你的意见是我进步的财富！$