Perché ricevo risorse 404 sull'app nuxt.js statica ospitata su pagine GitHub?
Ho seguito questi passaggi:
- Realizzato un progetto vue con Nuxt.js (testato e funzionante con
npm run dev) - Ho utilizzato la generazione del sito statico Nuxt.js per generare una distribuzione statica nella
distdirectory del miomasterrepository (testato anche utilizzando il plug-in del server live di VSCode, funziona correttamente). - Distribuito la
distdirectory algh-pagesramo utilizzando:gh-pages -d dist - Nelle opzioni per il mio progetto GitHub, che è la pagina GitHub per il mio utente (
augusto-moura.github.io/), ho modificato Source ingh-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
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 ramomasterper l'utente o il sito dell'organizzazione
Per utilizzare Pages per il tuo account utente, è necessario
push-dir --dir=dist --branch=master
è necessario aggiungere .nojekyllil file nella directory principale durante la pubblicazione su GitHub Pages, altrimenti non otterrà i file di risorse dalla directory _nuxt.