vue路由动态加载

注意:是动态加载不是动态路由

解决的问题: 动态配置菜单栏的路由参数--实现菜单级的权限控制

问题成因:

　　在vue实例化的时候vuex、vue-router 就需要加载完毕,无法使用异步的方式从服务器获取带权限的菜单路由.

方式一:

　　该方式产生于2017年3月之前;

　　解决思路:

1. 在进入login页面时就请求出来所有的路由配置存到vuex 中
2. 登录成功后请求带权限的菜单,( 实质所有的菜单路由都生效了, 用户还可以直接通过直接输入路径访问到)
3. 在每次路由切换的时候都进行拦截校验是否有权限访问该菜单.

　　不足:

• 至少多次请求了一次菜单
• 每次路由切换都需要拦截重复请求权限接口　　　　

方式二:

　　配合全新的API   addRoutes实现路由的动态加载爽歪歪.代码等会奉上 ---  公司代码不让粘   最近也比较忙  所以非常抱歉了

 

转载于:https://www.cnblogs.com/web-Rain/p/7235213.html