重定向

重定向也是 通过 routes 配置来完成,下面例子是从 /a 重定向到 /b:

  1. const router = new VueRouter({
  2. routes:[
  3. { path:'/a',redirect:'/b'}
  4. ]
  5. })

重定向的目标也可以是一个命名的路由:

  1. const router = new VueRouter({
  2. routes:[
  3. { path:'/a',redirect:{name:'foo'}}
  4. ]
  5. })

甚至是一个方法,动态返回重定向目标:

  1. const router = new VueRouter({
  2. routes:[
  3. { path:'/a',redirect:to=>{
  4. // 方法接受目标路由 作为参数
  5. // return 重定向的 字符串路径/路径对象
  6. }}
  7. ]
  8. })

注意 导航守卫 并没有应用在跳转路由上,而仅仅应用在其目标上。在下面这个例子中,为 /a 路由添加一个beforeEnter 守卫并不会有任何效果。

其他高级用法,请参考 例子

别名

“重定向”的意思是,当用户访问 /a 时,URL将会被替换成 /b,然后匹配路由为 /b 那么 “别名”又是什么呢?

的别名是 /b 意味着,当用户访问 /b 时,URL保持为 /b,但是路由匹配则为 /a,就像用户访问 /a 一样。
·