Apm29's Studio.

Vue项目动态路由实践(实现动态权限)

字数统计: 265阅读时长: 1 min
2020/07/09 Share

Vue项目动态路由实践(实现动态权限)

问题来源

管理端项目经常有需要根据账号角色、权限动态地修改菜单显示的需求,首先是登录时从服务端获取账号对应的角色、权限、菜单等信息,还有一个是在切换账号、切换角色的时候动态改变菜单权限

其他参考

Vue项目大多集成了vue-router,用于管理路由信息,用一个VueRouter对象来描述项目的所有路由关系,通过标签来形成多层次的路由关系(单页面应用),但是VueRouter描述的routes是固定的,改变路由的API只有addRoutes,只能新增不能移除,会导致菜单权限多的账号切换到菜单权限少的账号时还是可以通过地址访问无权限的地址,只能通过前端页面来限制

CATALOG
  1. 1. Vue项目动态路由实践(实现动态权限)
    1. 1.1. 问题来源
    2. 1.2. 其他参考