index.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637
  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. import TextText from "@/views/testText/text.vue"
  12. // 定义路由关系redirect 属性是重定向,这里默认重定向到 /article/category
  13. const routes=[
  14. {path:'/login',component:LoginVue},
  15. {path:'/',component:LayoutVue,redirect:'/article/manage',children:[
  16. // 定义子路由
  17. {path:'/article/category',component:ArticleCategoryVue},
  18. {path:'/article/manage',component:ArticleManageVue},
  19. {path:'/user/avatar',component:UserAvatarVue},
  20. {path:'/user/info',component:UserInfoVue},
  21. {path:'/user/resetPassword',component:UserResetPassword},
  22. {path:'/textText/text',component:TextText},
  23. ]}
  24. ]
  25. // 创建路由器
  26. const router=createRouter({
  27. history:createWebHistory(),
  28. routes:routes
  29. })
  30. // 导出路由
  31. export default router