Bruno Giovanni

Desenvolvedor

ReactJS + Proxy


Hey, povos!

Essa dica é para quem trabalha com ReactJS consumindo APIs.

Pode acontecer de APIs mudarem a URL. Seja por alteração na versão, troca de domínio, múltiplos ambientes (testes, homologação e produção por exemplo), etc, etc, etc.

Isso pode ser um problema no ReactJS porque muitas vezes informamos a URL da API em funções nos componentes. E, quando se tem vários componentes que fazem requisições na API, alterar todos os arquivos se torna um tanto quanto chato.

Para facilitar, podemos utilizar de um proxy. Mas não é nada tão complicado quanto um proxy convencional. Basta declararmos o seguinte parâmetro no package.json do seu projeto, logo antes de “dependencies”:

“proxy”: “http://url_da_api

Apenas isso e roda o npm install  para que a alteração seja aplicada.

Após isso, suas chamadas podem ser simplificadas. Ex:

Antes:

fetch(“http://url_da_api/alguma/coisa”)

Agora:

fetch(“/alguma/coisa”)

Muito mais prático para trabalhar e converter a URL base da API sempre que necessário. Além de facilitar o build para qualquer ambiente que esteja trabalhando.

 


Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *