Nuxt js静态页面相对URL更改我的链接按钮

Question

我正在使用Nuxt.js（MPA）处理一些静态页面。每当我运行generate命令时，所有URL都从页面（即/ customer /）开始。例如，我的结构是：

pages
    |customer
      |new
       - index.vue
     - index.vue

并且在index.vue中，我已链接到客户/新页面为：

<nuxt-link to="customer/new"> <b-button class="btn-sm btn-success" >nuevo</b-button></nuxt-link>

如果我使用，一切正常：

 npm run dev 

但是如果我使用：

npm run generate

按钮链接中的链接更改为/ customer / customer / new，而不是/ customer / new。

谢谢。

Answer 1

您的链接必须相对于您应用的基本URL，请参阅https://nuxtjs.org/api/configuration-router#base

因此，要解决您的问题，请使用以下斜杠声明您的链接：

<nuxt-link to="/customer/new"> <b-button class="btn-sm btn-success" >nuevo</b-button></nuxt-link>