Pourquoi est-ce que je reçois des ressources 404 sur l'application statique nuxt.js hébergée sur les pages GitHub ?
J'ai suivi ces étapes:
- Réalisation d'un projet vue avec Nuxt.js (testé et fonctionnant avec
npm run dev
) - J'ai utilisé la génération de site statique Nuxt.js pour générer une distribution statique sous le
dist
répertoire de monmaster
référentiel (également testé à l'aide du plug-in de serveur Live de VSCode, fonctionne correctement). - Déployé l'
dist
annuaire dans lagh-pages
succursale à l'aide de :gh-pages -d dist
- Dans les Options pour mon projet GitHub, qui est la page GitHub pour mon utilisateur (
augusto-moura.github.io/
), j'ai changé la Source engh-pages
.
La gh-pages
branche 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 _nuxt
répertoire.
Réponses
Comme indiqué dans le How to deploy on GitHub Pages? guide, dans cette petite note facile à manquer...
Branche
gh-pages
pour le référentiel de projet OU branchemaster
pour 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
vous devez ajouter .nojekyll
un 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
.