¿Por qué obtengo recursos 404 en la aplicación nuxt.js estática alojada en páginas de GitHub?

Aug 18 2020

He seguido estos pasos:

  1. Hice un proyecto vue con Nuxt.js (probado y trabajando con npm run dev)
  2. Utilicé la generación de sitios estáticos Nuxt.js para generar una distribución estática en el distdirectorio de mi masterrepositorio (también probado con el complemento del servidor Live de VSCode, funciona bien).
  3. Implementó el distdirectorio en la gh-pagessucursal usando:gh-pages -d dist
  4. 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 a gh-pages.

La gh-pagesrama 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 _nuxtdirectorio.

Respuestas

1 Phil Aug 18 2020 at 07:53

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-pagespara el repositorio del proyecto O rama masterpara el usuario o el sitio de la organización

Para usar Pages para su cuenta de usuario, necesita

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

necesita agregar .nojekyllun archivo en el directorio raíz cuando publique en Páginas de GitHub; de lo contrario, no obtendrá los archivos de recursos del _nuxtdirectorio.