Erro 404 quando entra por URL no browser

[nayara]

Passos para reproduzir o bug:

• Limpe o cache da máquina;
• Entre no navegador em modo anônimo;
• Entre direto em alguma URL no browser sem passar pela home como por exemplo (https://enegrecer-e37b3.firebaseapp.com/coletivo-enegrecer)
• O navegador irá exibir erro 404.

Sugestões de investigacão:

• Verificar como as rotas do projeto estão sendo construidas.

Tasklist

• [ ]

[nayara]

Dev Notes:

• Para solucionar o problema é necessária uma maior discussão técnica para entendermos como o firebase pode suportar o conteúdo dinâmico das routes da aplicação. A reescrita de URL pelo firebase solucionou somente local e não foi suficiente para resolução em produção.

[wmartins]

Oi @nayara, eu fiquei bem "encucado" com essa questão do 404, normalmente adicionar a regra de "rewrite" no firebase.json resolve.

Fiz um teste aqui, criei um projeto no firebase e fiz o deployment do portal, com o seguinte arquivo firebase.json:

{
  "hosting": {
    "public": "./build",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [{
      "source": "**",
      "destination": "/index.html"
    }]
  }
}

(Fonte: https://medium.com/@milosbejda/fixing-the-angular-404-on-refresh-issue-in-firebase-f462124afe40)

O resultado pode ser visto aqui:

https://whmartins-ecer-web.firebaseapp.com

E, se quiser testar acessando uma página interna diretamente, pode acessar essa aqui:

https://whmartins-ecer-web.firebaseapp.com/sobre

---

Testei em diferentes browsers (Chrome e Firefox) e funcionou corretamente. Testei tanto localmente (firebase serve) quanto remotamente.

Se quiser, eu posso abrir um PR com essa mudança.

Me avisa se precisar que eu faça mais algum teste, mas a princípio essa regra de rewrite deveria resolver corretamente.