时间戳

首页 > 解决方案 > Nuxt js 静态页面相对 URL 更改我的链接按钮

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

问题描述

我正在使用 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。

谢谢你。

标签： vue.jsnuxt.js

解决方案

您的链接必须相对于您的应用程序的基本 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>

推荐阅读