重定向
const router = new VueRouter({
routes: [
{ path: '/a', redirect: '/b' }
]
})
当用户访问
/a
时,URL 将会被替换成/b
,然后匹配路由为/b
。可以简单理解为:/a
的路径是无效路径
重定向的目标也可以是一个命名的路由:
const router = new VueRouter({
routes: [
{ path: '/a', redirect: { name: 'foo' }}
]
})
甚至是一个方法,动态返回重定向目标:
const router = new VueRouter({
routes: [
{ path: '/a', redirect: to => {
// 方法接收 目标路由 作为参数
// return 重定向的 字符串路径/路径对象
}}
]
})
别名
const router = new VueRouter({
routes: [
{ path: '/a', component: A, alias: '/b' }
]
})
可以简单理解为:
/a
和/b
都是有效路径,指向同一个页面
网友评论