美文网首页
路由重定向和别名

路由重定向和别名

作者: 混吃等死小前端 | 来源:发表于2020-03-13 16:08 被阅读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都是有效路径,指向同一个页面

    相关文章

      网友评论

          本文标题:路由重定向和别名

          本文链接:https://www.haomeiwen.com/subject/ezslshtx.html