nuxt-link 在开发和生成/生产模式下创建不同的 url

Question

我创建了一个 nuxt 项目，在开发模式下它工作正常，但是当我运行 npm run generate 或将它托管在服务器上时，nuxt-link 生成的链接没有正确的 href 值。比如这是开发模式下生成的地址：

<nuxt-link :to="{name: 'lang-music', params: {lang: key, music: song.name}}"></nuxt-link>

http://localhost:3000/yiddish/Die%20goldene%20Pave

但在 gitlab 页面上它会生成：

https://username.gitlab.io/yiddish/Die%20goldene%20Pave

虽然应该是：

https://username.gitlab.io/learnlyric/yiddish/Die%20goldene%20Pave

我的页面文件夹结构：

Answer 1

问题是 Nuxt 不知道你的基本 url，你只需要将它添加到 nuxt.config.js 文件中。

// nuxt.config.js

export default {
  router: {
    base: process.env.DEPLOY_ENV === 'GH_PAGES' ? '/learnlyric' : '';
  }
}

有关详细信息，请参阅Nuxt documentation。