Nuxt嵌套路线无法正确导航

Question

我的nuxt应用中有一个简单的导航。我在pages文件夹中的文件夹结构看起来像

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

在我的index.vue中，我有以下内容：

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

我在layouts文件夹中的默认组件使用的components文件夹中有一个全局导航栏组件。因此，在我的导航栏中，我的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。但是还是一样。任何帮助，我们将不胜感激。

Answer 1

经过几次试验，我发现问题是我没有在auth/signup之前添加/。将其更改为/auth/signup可解决问题。