blog_front/src/router/blog.ts

import type { RouteRecordRaw } from 'vue-router'

const blogRoute:Array<RouteRecordRaw>=[
    {
      path: "/",
      redirect:"/home",
      name: "home",
      component: () => import("@/components/blogs/HomePage.vue"),
      children:[
        {
          path:"home",
          name:"home",
          component:()=>import("@/views/blog/HomePageView.vue")
        },
        {
          path:"blog",
          name:"blog",
          component:()=>import("@/views/blog/blogcontent/BlogListView.vue")
        },
        {
          path:"blog/:id",
          name:"blogdetail",
          component:()=>import("@/views/blog/blogcontent/BlogDetailView.vue")
        },
        {
          path:"diary",
          name:"diary",
          component:()=>import("@/views/blog/diarycontent/DiaryListView.vue")
        },
        {
          path:"diary/:id",
          name:"diarydetail",
          component:()=>import("@/views/blog/diarycontent/DiaryDetailView.vue")
        },
        {
          path:"chart",
          name:"chart",
          component:()=>import("@/views/blog/AmountChartView.vue")
        },
        {
          path:"aboutme",
          name:"aboutme",
          component:()=>import("@/views/blog/AboutMe.vue"),
        },
      ]
    },
    {
      path:"/ceshi",
      name:"ceshi",
      component:()=>import("@/components/blogs/ceshi.vue"),
    },
    {
      path:"/qqcode",
      name:"qqcode",
      component:()=>import("@/components/blogs/QQCode.vue"),
    },
    {
      path:"/wechatcode",
      name:"wechatcode",
      component:()=>import("@/components/blogs/WechatCode.vue"),
    },
]
export default blogRoute