vue element admin_vue-element-admin 的路由权限校验

因为项目刚好用到 vue-element-admin 这个后台集成方案。这边就来研究研究它集成的一些解决方案。

---

首先说一说他的路由权限校验这块内容（使用和原理）。

先来看看使用，使用很简单，找到路由配置文件 src/router/index.js，找到asyncRoutes这个数组，在需要配置权限的路由上添加meta属性，meta是一个对象，meta对象上添加roles属性，roles是一个数组，里面可以放admin、editor两个角色。

export 

---

使用说完了，讲讲原理：

浏览器访问某个路由的时候，首先会进入一个全局的路由守卫 router.beforeEach，这部分代码在src/permission.js文件里。以下步骤是路由守卫里执行的一系列逻辑步骤，一一解释一下（这里用代码加注释的形式展示比较方便）：

router

附上流程图：