[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路径
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
二维码