element ui路由配置文件_vue-element-admin 的路由权限校验

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

---

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

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

export const asyncRoutes = [
  {
     path: '/book',
    component: Layout,
    redirect: '/book/create',
    meta: {
     title: '图书管理', icon: 'documentation', roles: ['admin'] },
    children: [
      {
    
        path: '/book/create',
        component: () => import('@/views/book/create'),
        meta: {
     title: '上传图书'