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

【问题标题】：Nuxt js static pages relative URL change my link buttonNuxt js 静态页面相对 URL 更改我的链接按钮
【发布时间】：2020-04-23 21:23:55
【问题描述】：

我正在使用 Nuxt.js (MPA) 处理一些静态页面。每当我运行生成命令时，所有 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。

谢谢。

【问题讨论】：

【解决方案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>

【讨论】：