重定向: 通过 routes 配置来完成
const router = new VueRouter({
routes: [
{ path: '/a', redirect: '/b' }
]
})
重定向的目标可以是命名路由
const router = new VueRouter({
routes: [
{ path: '/a', redirect: { name: 'foo' }}
]
})
重定向的目标可以是个方法,动态返回重定向目标( 导航守卫并没有应用在跳转路由上,而仅仅应用在其目标上 )
const router = new VueRouter({
routes: [
{ path: '/a', redirect: to => {
// 方法接收 目标路由 作为参数
// return 重定向的 字符串路径/路径对象
}}
]
})
alias 别名: 自由地将 UI 结构映射到任意的 URL,而不是受限于配置的嵌套路由结构
/* 当用户访问 /b 时,URL 会保持为 /b,但是路由匹配则为 /a,就像用户访问 /a 一样 */
const router = new VueRouter({
routes: [
{ path: '/a', component: A, alias: '/b' }
]
})