前端VUE权限管理(包含菜单权限和按钮权限),router.addRoutes根据后台接口传递数据生成动态路由

时间:2022-08-15 15:20:46
【文件属性】:

文件名称:前端VUE权限管理(包含菜单权限和按钮权限),router.addRoutes根据后台接口传递数据生成动态路由

文件大小:326KB

文件格式:RAR

更新时间:2022-08-15 15:20:46

vue 权限管理 动态路由

VUE-router.addRoutes根据后台接口传递数据生成动态路由,前端拿到配置并生成侧边栏-实现页面级权限控制。 ----------------------------------------------- 登陆成功之后直接由后端返回异步路由表,然后前端直接通过addRoutes方法进行添加,并且生成侧边栏。 大致步骤: 1.拦截路由 2.取到后台路由数据 3.添加并且保存路由(VUEX) ----------------------------------------------- 本demo根据模拟数据实现包含菜单权限和按钮权限在内的权限管理。 判断登录后,通过store.getters.router判断是否存有路由表,是的话获取当前页面按钮权限后直接next()进行跳转;否的话用axios后台取一次路由数据并存到vuex。


网友评论