基于vue,vue-router, vuex及addRoutes进行权限控制问题

首先从打开本地的服务localhost:8080开始，我们知道打开后会进入login页面，那么判断的依据是什么。没有登陆的用户是获取不到token的，而登陆后的角色我们会将token存到local或者seesionStorage 因此，根据当前有没有token即可知道是否登陆。但是还是没有路由，目前最开始只有login路由我们要根据当前用户的token去后台获取权限。这里核心的地方是组件的name，在组件里面有children的地方，又再次使用自己，从而遍历整个tree结构的路由。同理，在afterEach阶段获取所有matched的路由，即可实现面包屑导航。退出登陆后，需要刷新页面，因为我们是通过addRoutes添加的，router没有deleteRoutes这个api，所以清除token,清除permissionList等信息，刷新页面是最保险的。最后还有一点，每次请求得带上token, 可以对axios封装一下来处理