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。