Trabalhando com html5 history mode no react-router-dom

Nicholas Eduardo
React Brasil
1 min readFeb 7, 2019

--

Recentemente tive um problema com s3 que não conseguiu identificar URLs absolutas e era necessário usar o html5 mode… Quem trabalhou com angular 1, está acostumado com esse jeito de estruturar a rota, pois basicamente o endereço do site fica com o formato: http://example.com/#/ e as rotas seguintes são após a hastag seguida de barra /#/user, /#/me, /#/p/11 e assim por diante.

Com o react-router-dom essa necessidade não é tão requisitada, pois há soluções que foram pensadas em renderizar projetos em React de um jeito excelente, mas não são todas as empresas que estarão usando esses hypes, por isso é necessário ter o plano B quando ocorre algo do genero.

Há sim uma dificuldade em encontrar essa solução que é uma troca de palavra e tudo se resolveu, provavelmente você não irá encontrar na primeira linha de busca do google, então espero que seja útil um dia quando precisar.

Veja os dois códigos abaixo:

Ambos são iguais, mas perceba que na linha três a palavra BrowserRouter mudou para HashRouter e é onde a mágica acontece.

Fazendo isso seu problema estará resolvido.

Abraços

--

--