Entrar Ainda não tem acesso?
2
respostas

[Bug] Error 404 com um projeto pessoal no github pages

Referente ao curso React: configurando e estruturando projetos com Vite, no capítulo Compartilhando a aplicação e atividade Github Pages

por Daniel Pires Torres
| 21.3k xp | 3 posts

Boa tarde! Usei esta aula em especifico para aprender como usar o GitHub pages para subir uma projeto pessoal em react. Acompanhei o procedimento e o deploy foi feito normalmente. Porém quando acesso o link surge o erro 404. Utilizando o localhost a pagina funciona normalmente, mas pelo GitHub pages apresenta o erro. Acredito que tenha algum erro na configuração dos arquivos do package ou vite.

Ficaria muito agredecido se pudessem conferir meu repositório para ver qual ser seria o possível problema. Link do repositório do meu projeto: https://github.com/danptorres/LEAPUC-page

2 respostas
por Daniel Pires Torres
| 21.3k xp | 3 posts

OBS: Após alguns testes e revisar o projeto inteiro, percebi que o problema esta na estrutura do router no arquivo main.jsx. Somente a home da pagina funciona no GitHub Page, as outras rotas ainda não consegui fazer funcionar.

por Estudante
| 216.4k xp | 723 posts

Boa tarde

Quando há um problema com rotas no GitHub Pages, a configuração padrão do Vite e React Router precisa de um ajuste, pois o GitHub Pages não lida bem com rotas client-side diretamente. Uma sugestão é adicionar a propriedade base no arquivo vite.config.js, assim: 

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
  base: '/LEAPUC-page/', // Adicione o nome do seu repositório aqui
});