Por que estou obtendo 404s de recurso no aplicativo nuxt.js estático hospedado nas páginas do GitHub?
Eu segui estes passos:
- Fez um projeto vue com Nuxt.js (testado e trabalhando com
npm run dev
) - Usei a geração de site estático Nuxt.js para gerar uma distribuição estática no
dist
diretório do meumaster
repositório (também testado usando o plug-in do servidor Live do VSCode, funciona bem). - Implantou o
dist
diretório nagh-pages
ramificação usando:gh-pages -d dist
- Nas opções do meu projeto GitHub, que é a página do GitHub do meu usuário (
augusto-moura.github.io/
), alterei o código-fonte paragh-pages
.

A gh-pages
ramificação parece conter exatamente o que deveria, mas quando abro a página, os scripts não são carregados e cada um retorna um erro 404.


O que estou fazendo errado? O GitHub parece não estar servindo os arquivos JS dentro do _nuxt
diretório.
Respostas
Conforme indicado em Como implantar nas páginas do GitHub? guia, nesta pequena nota fácil de perder...
Ramificação
gh-pages
para repositório de projeto OU ramificaçãomaster
para site de usuário ou organização
Para usar o Pages para sua conta de usuário, você precisa
push-dir --dir=dist --branch=master
você precisa adicionar .nojekyll
o arquivo no diretório raiz ao publicar no GitHub Pages, caso contrário, ele não obterá os arquivos de recursos do _nuxt
diretório.