使用vue2+element+vue-admin-template创建单页应用小记-2.动态权限路由加载

1. 修改@/src/router/index.js(@代表项目根路径，下同)
   1. 定义静态路由变量，代表登录前的两个页面login和404

      export const constantRouterMap = [
        { path: '/login', component: () => import('@/views/login/index'), hidden: true },
        { path: '/404', component: () => import('@/views/404'), hidden: true }
      ]

       

   2. 定义动态路由变量，加入各个菜单的权限角色定义，通过meta的roles属性定义数组（具体菜单根据项目调整，此处仅作示例）

   3. export const asyncRouterMap = [{
        path: '/',
        component: Layout,
        redirect: '/dashboard',
        name: 'Dashboard',
        hidden: true,
        children: [{
          path: 'dashboard',
          component: () => import('@/views/dashboard/index')
        }]
      },
      
      {
        path: '/example',
        component: Layout,
        redirect: '/example/table',
        name: 'Example',
        meta: { 
          roles: ['superAdmin', 'admin&