Por que estou obtendo 404s de recurso no aplicativo nuxt.js estático hospedado nas páginas do GitHub?

Aug 18 2020

Eu segui estes passos:

  1. Fez um projeto vue com Nuxt.js (testado e trabalhando com npm run dev)
  2. Usei a geração de site estático Nuxt.js para gerar uma distribuição estática no distdiretório do meu masterrepositório (também testado usando o plug-in do servidor Live do VSCode, funciona bem).
  3. Implantou o distdiretório na gh-pagesramificação usando:gh-pages -d dist
  4. 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 para gh-pages.

A gh-pagesramificaçã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 _nuxtdiretório.

Respostas

1 Phil Aug 18 2020 at 07:53

Conforme indicado em Como implantar nas páginas do GitHub? guia, nesta pequena nota fácil de perder...

Ramificação gh-pagespara repositório de projeto OU ramificação masterpara 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
SCKim Aug 18 2020 at 06:17

você precisa adicionar .nojekyllo arquivo no diretório raiz ao publicar no GitHub Pages, caso contrário, ele não obterá os arquivos de recursos do _nuxtdiretório.