| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163 | import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/* Layout */import Layout from '@/layout'/** * Note: sub-menu only appear when route children.length >= 1 * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html * * hidden: true                   if set true, item will not show in the sidebar(default is false) * alwaysShow: true               if set true, will always show the root menu *                                if not set alwaysShow, when item has more than one children route, *                                it will becomes nested mode, otherwise not show the root menu * redirect: noRedirect           if set noRedirect will no redirect in the breadcrumb * name:'router-name'             the name is used by <keep-alive> (must set!!!) * meta : {    roles: ['admin','editor']    control the page roles (you can set multiple roles)    title: 'title'               the name show in sidebar and breadcrumb (recommend set)    icon: 'svg-name'             the icon show in the sidebar    breadcrumb: false            if set false, the item will hidden in breadcrumb(default is true)    activeMenu: '/example/list'  if set path, the sidebar will highlight the path you set  } *//** * constantRoutes * a base page that does not have permission requirements * all roles can be accessed */export const constantRoutes = [  {    path: '/login',    component: () => import('@/views/login/index'),    hidden: true  },  {    path: '/404',    component: () => import('@/views/404'),    hidden: true  },  {    path: '/',    component: Layout,    redirect: '/dashboard',    children: [{      path: 'dashboard',      name: 'Dashboard',      component: () => import('@/views/dashboard/editor/index'),      meta: { title: '首页', icon: '首页', affix: true }    }]  },  {    path: '/changpwd',    component: Layout,    redirect: '/changpwd',    children: [{      path: 'changpwd',      name: 'Changpwd',      component: () => import('@/views/changpwd/changpwd/index'),      meta: { title: '修改密码', icon: '修改密码', affix: false }    }]  }]/** * asyncRoutes * the routes that need to be dynamically loaded based on user roles */export const asyncRoutes = [  {    path: '/nested',    component: Layout,    redirect: '/nested/menu1',    name: 'Nested',    meta: {      title: 'Nested',      icon: 'nested'    },    children: [      {        path: 'menu1',        component: () => import('@/views/nested/menu1/index'), // Parent router-view        name: 'Menu1',        meta: { title: 'Menu1' },        children: [          {            path: 'menu1-1',            component: () => import('@/views/nested/menu1/menu1-1'),            name: 'Menu1-1',            meta: { title: 'Menu1-1' }          },          {            path: 'menu1-2',            component: () => import('@/views/nested/menu1/menu1-2'),            name: 'Menu1-2',            meta: { title: 'Menu1-2' },            children: [              {                path: 'menu1-2-1',                component: () => import('@/views/nested/menu1/menu1-2/menu1-2-1'),                name: 'Menu1-2-1',                meta: { title: 'Menu1-2-1' }              },              {                path: 'menu1-2-2',                component: () => import('@/views/nested/menu1/menu1-2/menu1-2-2'),                name: 'Menu1-2-2',                meta: { title: 'Menu1-2-2' }              }            ]          },          {            path: 'menu1-3',            component: () => import('@/views/nested/menu1/menu1-3'),            name: 'Menu1-3',            meta: { title: 'Menu1-3' }          }        ]      },      {        path: 'menu2',        component: () => import('@/views/nested/menu2/index'),        meta: { title: 'menu2' }      }    ]  },  {    path: 'external-link',    component: Layout,    children: [      {        path: 'https://panjiachen.github.io/vue-element-admin-site/#/',        meta: { title: 'External Link', icon: 'link' }      }    ]  },  // 404 page must be placed at the end !!!  { path: '*', redirect: '/404', hidden: true }]const createRouter = () => new Router({  // mode: 'history', // require service support  scrollBehavior: () => ({ y: 0 }),  routes: constantRoutes})const router = createRouter()// Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465export function resetRouter() {  const newRouter = createRouter()  router.matcher = newRouter.matcher // reset router}export default router
 |