Перенаправление и псевдоним

Перенаправление

Перенаправление также выполняется в конфигурации routes. Чтобы перенаправить с /a на /b:

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

Перенаправление также может быть направлено на именованный маршрут:

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

Или даже использовать функцию для динамического перенаправления:

const router = new VueRouter({
  routes: [
    { path: '/a', redirect: to => {
      // the function receives the target route as the argument
      // return redirect path/location here.
    }}
  ]
})

Обратите внимание, что Стражи навигации не применяются к маршруту, который перенаправляет, только к его целевому маршруту. В примере ниже добавление beforeEnter стража к маршруту /a не окажет никакого эффекта.

Для других расширенных случаев использования ознакомьтесь с примером.

Псевдоним

Перенаправление означает, что когда пользователь посещает /a, URL будет заменён на /b, а затем сопоставлен как /b. Но что такое псевдоним?

Псевдоним /a как /b означает, что когда пользователь посещает /b, URL остаётся /b, но он будет сопоставлен так, как будто пользователь посещает /a.

Вышесказанное можно выразить в конфигурации маршрута как:

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

Псевдоним предоставляет вам свободу отображения структуры пользовательского интерфейса на произвольный URL, вместо того, чтобы быть ограниченными структурой вложенности конфигурации.

Для расширенного использования ознакомьтесь с примером.