重定向
重定向也是 通过 routes 配置来完成,下面例子是从 /a 重定向到 /b:
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 重定向的 字符串路径/路径对象
}}
]
})
注意 导航守卫 并没有应用在跳转路由上,而仅仅应用在其目标上。在下面这个例子中,为 /a 路由添加一个beforeEnter 守卫并不会有任何效果。
其他高级用法,请参考 例子
别名
“重定向”的意思是,当用户访问 /a 时,URL将会被替换成 /b,然后匹配路由为 /b 那么 “别名”又是什么呢?
的别名是 /b 意味着,当用户访问 /b 时,URL保持为 /b,但是路由匹配则为 /a,就像用户访问 /a 一样。
·