vueRouter-重定向和别名 原

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

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

2、重定向的目标也可以是一个命名的路由      const router = new VueRouter({            routes:[                 {path:"/a",redirect:{name:"foo"}}            ]      })

3、甚至是一个方法，动态返回重定向目标：       const router = new VueRouter({            routes: [                  { path: '/a', redirect: to => {                    // 方法接收 目标路由 作为参数                   // return 重定向的 字符串路径/路径对象                }}           ]        })

4、别名    『重定向』的意思是，当用户访问 /a时，URL 将会被替换成 /b，然后匹配路由为 /b，那么『别名』又是      什么呢？

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

     上面对应的路由配置为：

      const router = new VueRouter({           routes: [                  { path: '/a', component: A, alias: '/b' }           ]        })     『别名』的功能让你可以自由地将 UI 结构映射到任意的 URL，而不是受限于配置的嵌套路由结构。

(adsbygoogle = window.adsbygoogle || []).push({});