vue перенаправление по умолчанию, вызывающее ошибку максимального стека

Question

Итак, у меня есть этот раздел моего vue-router, который вызывает проблему:

{
    component: Tutorial,
    name: "tutorial",
    path: "/tutorial/:page?",
    redirect: "/tutorial/0",
},

Если я удалю перенаправление, проблема исчезнет.Для этого маршрута тоже нет детей.Разве невозможно назначить значение параметра по умолчанию?

Answer 1

Если вы установите значение по умолчанию в redirect части.Он перейдет к /tutorial/0, затем снова и снова будет перенаправлен на /tutorial/0 ...

Если вы хотите установить значение параметра по умолчанию.Вы можете реализовать это в компоненте Tutorial.

Например:

// In Tutorial component
beforeRouteEnter() {
    this.$route.params.page = this.$route.params.page ? this.$route.params.page : 0
}

Answer 2

потому что "/tutorial/0" соответствует "/tutorial/:page?" тоже.

Так как конфигурации маршрутизатора являются первыми в первых,

Вы можете определить свои маршруты следующим образом

    {
      component: Tutorial,
      name: 'tutorial',
      path: '/tutorial/0'
    },
    {
      path: '/tutorial/:page?',
      redirect: '/tutorial/0'
    }

, если текущий маршрут соответствует /tutorial/0, он отобразит ваш компонент. Если он не соответствует /tutorial/0, Vue проверит, соответствует ли он /tutorial/:page?, и выполнит перенаправление, если оно соответствует.