在去拉取一个user_info的接口来获取用户的详细信息(如用户权限,用户名等等信息)
权限验证: 通过token获取用户对应的role(角色), 动态根据用户的role算出其对应有权限的路由, 通过router.addRoutes...用户登录之后,通过token获取用户的role(角色信息) 动态根据用户的role 算出其对应应有权限的路由
再通过router.addRouetes动态挂载路由(这些都只是路由级的,后端的权限是逃不掉的..., 生成最终用户可访问的路由表
调用router.addRoutes(store.getters.addRouters)添加用户可访问的路由 使用vuex管理路由表, 根据vuex中可访问的路由渲染侧边栏组件...router.js中书写实现路由表:
首先
我们要实现如首页和登录页和一些不用权限的公用页面vue-router如登录页和首页
之后实例化vue的时候只挂载上面不用权限的路由export default...,饼状图里面,
每次登录系统每个角色看到的这个统计数据是不一的,这取决于我们前端利用token拉取的user_info接口中所获取的信息,参数是不一样的 , 这样做到了有公司管理者对公司整体的运营情况的一个把握