v-router之别名，重定向見解

重定向

重定向也是通過 routes 配置來完成，下面例子是從 /a 重定向到 /b：

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

重定向的目标也可以是一個命名的路由：

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

别名

重定向”的意思是，當使用者通路 /a時，URL 将會被替換成 /b，然後比對路由為 /b，那麼“别名”又是什麼呢？

/a 的别名是 /b，意味着，當使用者通路 /b 時，URL 會保持為 /b，但是路由比對則為 /a，就像使用者通路 /a 一樣。

上面對應的路由配置為：

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

注：别名可了解為一個人有大名（主要是按輩分起的名字）和小名（又稱乳名），是以無論哪一個名字都是指同一個人。重定向就像用地圖導航，你先制定導航路線，走了一個路口，然後重新制定導航路線，此時的路線與開始的路線是不同的