vue后台管理项目根据后端返回角色配置动态路由问题,
问题:如何根据后端返回角色配置动态路由?
后台要有系统菜单功能,里面包含路由数据,根据角色权限获取路由的数据,再生成路由数据。
vue-router有一个add的功能,
路由的配置还是要有,但是先不注册到router里面,你要有一个角色和路由的映射关系,可以是写在前端的,也可以是接口返回的。
登录成功后获取到角色,根据角色拿到路由配置,在add到routes里面。
另外一种方式,就是在配置路由的时候在meta里面放上对应的角色数组,登录过后遍历路由配置获取到这个角色的所有路由在add route。
上面的两种方式都可以不适用add的方式,全部路由字节注册,然后在路由的全局钩子里面去做权限校验,没有权限的,直接重定向到别的页面。
先本地配置路由,然后根据后台返回的权限控制显示,可参考这个
https://www.cnblogs.com/steamed-twisted-roll/p/12705041.html