index.js 1.2 KB

123456789101112131415161718192021222324252627282930313233343536
  1. import { createRouter,createWebHistory } from "vue-router";
  2. // 导入组件,方便将访问路径与渲染的组件绑定
  3. import LoginVue from '@/views/Login.vue'
  4. import LayoutVue from '@/views/Layout.vue'
  5. // 导入组件,制定子路由
  6. import ArticleCategoryVue from '@/views/article/ArticleCategory.vue'
  7. import ArticleManageVue from '@/views/article/ArticleManage.vue'
  8. import UserAvatarVue from '@/views/user/UserAvatar.vue'
  9. import UserInfoVue from '@/views/user/UserInfo.vue'
  10. import UserResetPassword from '@/views/user/UserResetPassword.vue'
  11. // 定义路由关系redirect 属性是重定向,这里默认重定向到 /article/category
  12. const routes=[
  13. {path:'/login',component:LoginVue},
  14. {path:'/',component:LayoutVue,redirect:'/article/manage',children:[
  15. // 定义子路由
  16. {path:'/article/category',component:ArticleCategoryVue},
  17. {path:'/article/manage',component:ArticleManageVue},
  18. {path:'/user/avatar',component:UserAvatarVue},
  19. {path:'/user/info',component:UserInfoVue},
  20. {path:'/user/resetPassword',component:UserResetPassword},
  21. ]}
  22. ]
  23. // 创建路由器
  24. const router=createRouter({
  25. history:createWebHistory(),
  26. routes:routes
  27. })
  28. // 导出路由
  29. export default router