[Vue3] 重定向 redirect

index.ts

        // redirect 重定向 让指定的路径（path）重定向到另一个路径（redirect）
        {
            path:'/',
            redirect:'/home'
        }

import { createRouter, createWebHistory } from "vue-router";

import Home from '@/pages/Home.vue'
import News from '@/pages/News.vue'
import About from '@/pages/About.vue'
import Detail from "@/pages/Detail.vue";

const router = createRouter ({
    history:createWebHistory(), // 路由器的工作模式
    routes:[ // 一个一个的路由规则
        {
            path:'/home',
            component:Home
        },
        {
            path:'/news',
            component:News,
            children:[
                {
                    path:'detail',
                    component:Detail,
                    props(route) {
                        return route.query
                    }
                }
            ]
        },
        {
            path:'/about',
            component:About
        },
        // redirect 重定向 让指定的路径（path）重定向到另一个路径（redirect）
        {
            path:'/',
            redirect:'/home'
        }
    ]
})

export default router

效果：访问根路径时自动访问/home路径