Блог

В моем nuxt приложении простая навигация. Моя структура папок в папке pages выглядит следующим образом

  - pages
   - auth
     - signup.vue
       - index.vue
  

В моем index.vue у меня есть следующее:

 <template>
  <div>
    <nuxt-child/>
  </div>
</template>
  

У меня есть глобальный компонент navbar в папке components, используемый компонентом по умолчанию в папке layouts. Итак, в моей навигационной панели у меня есть nuxt-link это выглядит как:

 <nuxt-link
    to="auth/signUp"
  >
    <v-btn class="hidden-sm-and-down white--text" text>Signup</v-btn>
  </nuxt-link>
  

Это отлично работает, когда я нажимаю зарегистрироваться в первый раз, и приводит меня на страницу регистрации, но если я нажимаю зарегистрироваться, когда я нахожусь на странице регистрации, это приводит меня к auth/auth/signup . Я попытался переместить страницу index.vue из папки auth и поместить ее в папку pages и переименовать в auth.vue . Но это все то же самое. Буду признателен за любую помощь.Заранее спасибо

После нескольких попыток я обнаружил, что проблема заключалась в том, что я не добавил / before auth/signup . Изменение этого на /auth/signup устранило проблему.