路由重定向和别名

2020-03-13  本文已影响0人  混吃等死小前端

重定向

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都是有效路径,指向同一个页面

上一篇 下一篇

猜你喜欢

热点阅读