注意:是动态加载不是动态路由
解决的问题: 动态配置菜单栏的路由参数--实现菜单级的权限控制
问题成因:
在vue实例化的时候vuex、vue-router 就需要加载完毕,无法使用异步的方式从服务器获取带权限的菜单路由.
方式一:
该方式产生于2017年3月之前;
解决思路:
- 在进入login页面时就请求出来所有的路由配置存到vuex 中
- 登录成功后请求带权限的菜单,( 实质所有的菜单路由都生效了, 用户还可以直接通过直接输入路径访问到)
- 在每次路由切换的时候都进行拦截校验是否有权限访问该菜单.
不足:
- 至少多次请求了一次菜单
- 每次路由切换都需要拦截重复请求权限接口
方式二:
配合全新的API addRoutes实现路由的动态加载爽歪歪.代码等会奉上 --- 公司代码不让粘 最近也比较忙 所以非常抱歉了