Pourquoi est-ce que je reçois des ressources 404 sur l'application statique nuxt.js hébergée sur les pages GitHub ?

Aug 18 2020

J'ai suivi ces étapes:

  1. Réalisation d'un projet vue avec Nuxt.js (testé et fonctionnant avec npm run dev)
  2. J'ai utilisé la génération de site statique Nuxt.js pour générer une distribution statique sous le distrépertoire de mon masterréférentiel (également testé à l'aide du plug-in de serveur Live de VSCode, fonctionne correctement).
  3. Déployé l' distannuaire dans la gh-pagessuccursale à l'aide de :gh-pages -d dist
  4. Dans les Options pour mon projet GitHub, qui est la page GitHub pour mon utilisateur ( augusto-moura.github.io/), j'ai changé la Source en gh-pages.

La gh-pagesbranche semble contenir exactement ce qu'elle est censée contenir, mais lorsque j'ouvre la page, les scripts ne sont pas chargés et chacun renvoie une erreur 404.

Qu'est-ce que je fais mal? GitHub semble ne pas servir les fichiers JS dans le _nuxtrépertoire.

Réponses

1 Phil Aug 18 2020 at 07:53

Comme indiqué dans le How to deploy on GitHub Pages? guide, dans cette petite note facile à manquer...

Branche gh-pagespour le référentiel de projet OU branche masterpour le site de l'utilisateur ou de l'organisation

Afin d'utiliser Pages pour votre compte utilisateur, vous devez

push-dir --dir=dist --branch=master
SCKim Aug 18 2020 at 06:17

vous devez ajouter .nojekyllun fichier au répertoire racine lors de la publication sur les pages GitHub, sinon il n'obtiendra pas les fichiers de ressources du répertoire _nuxt.