4f78bdba085a2781bc63468ffe7b71d6f20b3728.svn-base 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  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. /**
  53. * asyncRoutes
  54. * the routes that need to be dynamically loaded based on user roles
  55. */
  56. export const asyncRoutes = [
  57. {
  58. path: '/nested',
  59. component: Layout,
  60. redirect: '/nested/menu1',
  61. name: 'Nested',
  62. meta: {
  63. title: 'Nested',
  64. icon: 'nested'
  65. },
  66. children: [
  67. {
  68. path: 'menu1',
  69. component: () => import('@/views/nested/menu1/index'), // Parent router-view
  70. name: 'Menu1',
  71. meta: { title: 'Menu1' },
  72. children: [
  73. {
  74. path: 'menu1-1',
  75. component: () => import('@/views/nested/menu1/menu1-1'),
  76. name: 'Menu1-1',
  77. meta: { title: 'Menu1-1' }
  78. },
  79. {
  80. path: 'menu1-2',
  81. component: () => import('@/views/nested/menu1/menu1-2'),
  82. name: 'Menu1-2',
  83. meta: { title: 'Menu1-2' },
  84. children: [
  85. {
  86. path: 'menu1-2-1',
  87. component: () => import('@/views/nested/menu1/menu1-2/menu1-2-1'),
  88. name: 'Menu1-2-1',
  89. meta: { title: 'Menu1-2-1' }
  90. },
  91. {
  92. path: 'menu1-2-2',
  93. component: () => import('@/views/nested/menu1/menu1-2/menu1-2-2'),
  94. name: 'Menu1-2-2',
  95. meta: { title: 'Menu1-2-2' }
  96. }
  97. ]
  98. },
  99. {
  100. path: 'menu1-3',
  101. component: () => import('@/views/nested/menu1/menu1-3'),
  102. name: 'Menu1-3',
  103. meta: { title: 'Menu1-3' }
  104. }
  105. ]
  106. },
  107. {
  108. path: 'menu2',
  109. component: () => import('@/views/nested/menu2/index'),
  110. meta: { title: 'menu2' }
  111. }
  112. ]
  113. },
  114. {
  115. path: 'external-link',
  116. component: Layout,
  117. children: [
  118. {
  119. path: 'https://panjiachen.github.io/vue-element-admin-site/#/',
  120. meta: { title: 'External Link', icon: 'link' }
  121. }
  122. ]
  123. },
  124. // 404 page must be placed at the end !!!
  125. { path: '*', redirect: '/404', hidden: true }
  126. ]
  127. const createRouter = () => new Router({
  128. // mode: 'history', // require service support
  129. scrollBehavior: () => ({ y: 0 }),
  130. routes: constantRoutes
  131. })
  132. const router = createRouter()
  133. // Detail see: https://github.com/vuejs/vue-router/issues/1234#issuecomment-357941465
  134. export function resetRouter() {
  135. const newRouter = createRouter()
  136. router.matcher = newRouter.matcher // reset router
  137. }
  138. export default router