如何使用Vue的addRoutes方法实现动态路由加载？

本文共计1070个文字，预计阅读时间需要5分钟。

需求：增加权限控制，实现不同角色的导航显示不同路由，思路：每次登录后请求接口获取当前角色对应的路由，核心方法：vue-router 2.2.0 的 addRoutes 方法 + vuex

需求：增加权限控制，实现不同角色显示不同的路由导航

思路：每次登陆后请求接口返回当前角色路由

核心方法：vue-router2.2.0的addRoutes方法 + vuex

以下是我实现的获取菜单路由的方法，我将该方法的调用放在首页组件的生命钩子中，即便用户刷新浏览器清空了路由还是会重新调用接口获取，不至于会丢失。