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.