vue-router的重定向根据router实例化时的配置来设置
{
path: '/home',
redirect: '/document',
}
上述代码表示从/home重定向到/document
重定向的目标也可以是一个命名的路由
{
path: '/home/:id',
redirect: {name: 'document'}
},
{
path: '/document',
name: 'document',
component: document
}
上述代码表示从/home重定向到路由名为'document'的路由
这里需要我们注意的是,重定向的目标还可以是一个方法
{
path: '/home/:id',
redirect: to => {
return '/document'
}
}
上述代码表示从/home重定向到/document
别名
{
path: '/document',
component: document,
alias: '/haha'
}
<router-link to="/haha" tag="li">haha</router-link>
/document的别名是/haha,当我们访问/haha的时候,url对应的路径仍然为/haha,但是内容为document组件中的内容
别名可以让我们自由的将UI结构映射到任意的URL,而不用受限于配置的嵌套路由结构。