531be2834ce8acfb41d77e946edd86539ef7767a.svn-base 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. import Vue from 'vue'
  2. import Router from 'vue-router'
  3. Vue.use(Router)
  4. /* Layout */
  5. import Layout from '@/layout'
  6. /**
  7. * Note: sub-menu only appear when route children.length >= 1
  8. * Detail see: https://panjiachen.github.io/vue-element-admin-site/guide/essentials/router-and-nav.html
  9. *
  10. * hidden: true if set true, item will not show in the sidebar(default is false)
  11. * alwaysShow: true if set true, will always show the root menu
  12. * if not set alwaysShow, when item has more than one children route,
  13. * it will becomes nested mode, otherwise not show the root menu
  14. * redirect: noRedirect if set noRedirect will no redirect in the breadcrumb
  15. * name:'router-name' the name is used by <keep-alive> (must set!!!)
  16. * meta : {
  17. roles: ['admin','editor'] control the page roles (you can set multiple roles)
  18. title: 'title' the name show in sidebar and breadcrumb (recommend set)
  19. icon: 'svg-name' the icon show in the sidebar
  20. breadcrumb: false if set false, the item will hidden in breadcrumb(default is true)
  21. activeMenu: '/example/list' if set path, the sidebar will highlight the path you set
  22. }
  23. */
  24. /**
  25. * constantRoutes
  26. * a base page that does not have permission requirements
  27. * all roles can be accessed
  28. */
  29. export const constantRoutes = [
  30. {
  31. path: '/login',
  32. component: () => import('@/views/login/index'),
  33. hidden: true
  34. },
  35. {
  36. path: '/404',
  37. component: () => import('@/views/404'),
  38. hidden: true
  39. },
  40. {
  41. path: '/',
  42. component: Layout,
  43. redirect: '/dashboard',
  44. children: [{
  45. path: 'dashboard',
  46. name: 'Dashboard',
  47. component: () => import('@/views/dashboard/editor/index'),
  48. meta: { title: '首页', icon: '首页', affix: true }
  49. }]
  50. },
  51. // {
  52. // path: '/changpwd',
  53. // component: Layout,
  54. // redirect: '/dashboard',
  55. // children: [{
  56. // path: 'dashboard',
  57. // name: 'Dashboard',
  58. // component: () => import('@/views/changpwd/changpwd/index'),
  59. // meta: { title: '修改密码', icon: '修改密码', affix: true }
  60. // }]
  61. // }
  62. ]
  63. /**
  64. * asyncRoutes
  65. * the routes that need to be dynamically loaded based on user roles
  66. */
  67. export const asyncRoutes = [
  68. {
  69. path: '/nested',
  70. component: Layout,
  71. redirect: '/nested/menu1',
  72. name: 'Nested',
  73. meta: {
  74. title: 'Nested',
  75. icon: 'nested'
  76. },
  77. children: [
  78. {
  79. path: 'menu1',
  80. component: () => import('@/views/nested/menu1/index'), // Parent router-view
  81. name: 'Menu1',
  82. meta: { title: 'Menu1' },
  83. children: [
  84. {
  85. path: 'menu1-1',
  86. component: () => import('@/views/nested/menu1/menu1-1'),
  87. name: 'Menu1-1',
  88. meta: { title: 'Menu1-1' }
  89. },
  90. {
  91. path: 'menu1-2',
  92. component: () => import('@/views/nested/menu1/menu1-2'),
  93. name: 'Menu1-2',
  94. meta: { title: 'Menu1-2' },
  95. children: [
  96. {
  97. path: 'menu1-2-1',
  98. component: () => import('@/views/nested/menu1/menu1-2/menu1-2-1'),
  99. name: 'Menu1-2-1',
  100. meta: { title: 'Menu1-2-1' }
  101. },
  102. {
  103. path: 'menu1-2-2',
  104. component: () => import('@/views/nested/menu1/menu1-2/menu1-2-2'),
  105. name: 'Menu1-2-2',
  106. meta: { title: 'Menu1-2-2' }
  107. }
  108. ]
  109. },
  110. {
  111. path: 'menu1-3',
  112. component: () => import('@/views/nested/menu1/menu1-3'),
  113. name: 'Menu1-3',
  114. meta: { title: 'Menu1-3' }
  115. }
  116. ]
  117. },
  118. {
  119. path: 'menu2',
  120. component: () => import('@/views/nested/menu2/index'),
  121. meta: { title: 'menu2' }
  122. }
  123. ]
  124. },
  125. {
  126. path: 'external-link',
  127. component: Layout,
  128. children: [
  129. {
  130. path: 'https://panjiachen.github.io/vue-element-admin-site/#/',
  131. meta: { title: 'External Link', icon: 'link' }
  132. }
  133. ]
  134. },
  135. // 404 page must be placed at the end !!!
  136. { path: '*', redirect: '/404', hidden: true }
  137. ]
  138. const createRouter = () => new Router({
  139. // mode: 'history', // require service support
  140. scrollBehavior: () => ({ y: 0 }),
  141. routes: constantRoutes
  142. })
  143. const router = createRouter()
  144. // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
  145. export function resetRouter() {
  146. const newRouter = createRouter()
  147. router.matcher = newRouter.matcher // reset router
  148. }
  149. export default router