100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > Vue中实现不同角色的权限控制(一):页面路由控制

Vue中实现不同角色的权限控制(一):页面路由控制

时间:2021-06-28 00:00:12

相关推荐

Vue中实现不同角色的权限控制(一):页面路由控制

此文章主要服务于对Vue有一定基础的同学,了解Vue的动态路由。

我们使用Vue框架进行前端开发时,对页面路由的管控一般是在router.js中进行动态路由分配,而此时我们一般是将所有路由都存放在此js文件中,并没有根据不同角色分配不同的路由,如果要想实现这一功能进行页面路由权限控制,则可这样做:

首先在路由之中添加meta字段,并在其中添加permission(该字段名可自定义)数组存放允许访问的角色名,如下图所示:

然后在登录成功之时将后台返回的用户信息保存在session中,其中包含用户角色:

最后使用路由守卫对用户角色进行路由权限控制 router.beforEach()

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。