Perché ricevo risorse 404 sull'app nuxt.js statica ospitata su pagine GitHub?

Aug 18 2020

Ho seguito questi passaggi:

  1. Realizzato un progetto vue con Nuxt.js (testato e funzionante con npm run dev)
  2. Ho utilizzato la generazione del sito statico Nuxt.js per generare una distribuzione statica nella distdirectory del mio masterrepository (testato anche utilizzando il plug-in del server live di VSCode, funziona correttamente).
  3. Distribuito la distdirectory al gh-pagesramo utilizzando:gh-pages -d dist
  4. Nelle opzioni per il mio progetto GitHub, che è la pagina GitHub per il mio utente ( augusto-moura.github.io/), ho modificato Source in gh-pages.

Il gh-pagesramo sembra contenere esattamente ciò che dovrebbe, ma quando apro la pagina, gli script non vengono caricati e ciascuno restituisce un errore 404.

Che cosa sto facendo di sbagliato? GitHub sembra non servire i file JS all'interno della _nuxtdirectory.

Risposte

1 Phil Aug 18 2020 at 07:53

Come indicato in How to deploy on GitHub Pages? guida, in questa piccola nota facile da perdere...

Ramo gh-pagesper il repository del progetto OPPURE ramo masterper l'utente o il sito dell'organizzazione

Per utilizzare Pages per il tuo account utente, è necessario

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

è necessario aggiungere .nojekyllil file nella directory principale durante la pubblicazione su GitHub Pages, altrimenti non otterrà i file di risorse dalla directory _nuxt.