¿Por qué obtengo recursos 404 en la aplicación nuxt.js estática alojada en páginas de GitHub?
He seguido estos pasos:
- Hice un proyecto vue con Nuxt.js (probado y trabajando con
npm run dev
) - Utilicé la generación de sitios estáticos Nuxt.js para generar una distribución estática en el
dist
directorio de mimaster
repositorio (también probado con el complemento del servidor Live de VSCode, funciona bien). - Implementó el
dist
directorio en lagh-pages
sucursal usando:gh-pages -d dist
- En las Opciones de mi proyecto de GitHub, que es la Página de GitHub para mi usuario (
augusto-moura.github.io/
), cambié el Origen agh-pages
.

La gh-pages
rama parece contener exactamente lo que se supone que debe contener, pero cuando abro la página, los scripts no se cargan y cada uno devuelve un error 404.


¿Qué estoy haciendo mal? GitHub parece no estar sirviendo los archivos JS dentro del _nuxt
directorio.
Respuestas
Como se indica en ¿Cómo implementar en las páginas de GitHub? guía, en esta pequeña nota fácil de pasar por alto...
Rama
gh-pages
para el repositorio del proyecto O ramamaster
para el usuario o el sitio de la organización
Para usar Pages para su cuenta de usuario, necesita
push-dir --dir=dist --branch=master
necesita agregar .nojekyll
un archivo en el directorio raíz cuando publique en Páginas de GitHub; de lo contrario, no obtendrá los archivos de recursos del _nuxt
directorio.