在这里先附上 官方链接 https://router.vuejs.org/zh/guide/essentials/redirect-and-alias.html#%E9%87%8D%E5%AE%9A%E5%90%91

在官方中没有具体表述路由重定向的含义对于新人来说可能不太好理解。路由重定向指:用户在访问A地址时,强制页面跳转到B页面,从而展示特定的组件页面;通过路由规则 redirect 属性 就可以指向一个新的地址 ,可以很方便的设置路由重定向

const router = new VueRouter({
  routes: [
    { path: '/a', redirect: '/b' } //当 访问a路径时,路由会强制转到b路径
  ]
})

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

const router = new VueRouter({
  routes: [
    { path: '/a', redirect: { name: 'foo' }}
  ]
})

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

routes: [
    { path: '/a', redirect: to => {
      // 方法接收 目标路由 作为参数
      // return 重定向的 字符串路径/路径对象
    }}
  ]

 

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐