Активы проекта Nuxt на страницах Github не отображаются - PullRequest
Новая
       7

Активы проекта Nuxt на страницах Github не отображаются

0 голосов
/ 18 сентября 2018

Как отмечено в документации, я изменил базовый маршрут, чтобы правильно обслуживать активы, выполнив это следующим образом: 

const config = {
  // Changes the website's base to work on Github pages
  routerBase: process.env.NODE_ENV == 'gh_pages' ? '/my-app/' : '/'
};

module.exports = {
 router: {
    base: config.routerBase
  }
}

С фоновой картинкой в ​​index.vue в *Папка 1005 * отображается следующим образом: 

.home {
  background: url('/background.jpg') no-repeat bottom fixed;
  background-size: cover;
  color: white;
}

Поэтому путь должен быть /my-app/background.jpg, но изображение не отображается так, как если бы оно пыталось найти его по маршруту /.

Что я делаю неправильно?Обратите внимание, что index.html, развернутый из папки dist, содержит правую базу, например: <base href="/my-app/">

1 Ответ

0 голосов
/ 18 сентября 2018

Изменение пути URL-адреса на ~/static/background.jpg решило проблему, странно, когда я пытаюсь получить доступ к статическому ресурсу из статической папки, где /background.jpg должно быть достаточно.

...