JavaScript

Como pegar o status do erro de uma requisição HTTP com Axios

12 de abril de 2022

Como pegar o status do erro de uma requisição HTTP com Axios

Neste artigo você vai aprender a como resgatar o status do erro de uma requisição HTTP com Axios, após a resposta do servidor.

status do erro de uma requisição HTTP com Axios capa

Fala programador(a), beleza? Bora aprender mais sobre Axios e tratamento de erros com JS!

Quando recebemos um erro como resposta, recebemos um objeto também

Este objeto possui vários dados que podemos extrair, e um deles é o status

As opções disponíveis são:

  • data: dados enviados através de um erro;
  • status: status do erro;
  • headers: cabeçalho da requisição recebido pelo erro;

Para chegar a este resultado é simples, veja um exemplo:

axios.get('/')
  .then((response) => {
  	// Some code, req without errors
  })
  .catch((error) => {
    if (error.response) {
      console.log(error.response.data);
      console.log(error.response.status);
      console.log(error.response.headers);
    }
  });

Aqui estamos realizando uma requisição de get em uma URL específica, podemos seguir em dois casos

Quando a requisição é feita com sucesso e lidamos com a resposta

Ou quando cai no catch, pois há um erro nela

Neste momento recebemos o objeto de erro, que possui um outro objeto chamado response

E é deste que retiramos todas as informações que precisamos do erro, inclusive o status dele

Conclusão

No artigo de hoje você viu como resgatar o status do erro de uma requisição HTTP com Axios

Utilizamos o operador catch, que nos dá a um objeto de erro

Nele é possível extrair várias informações, como: dados do erro, cabeçalho e o status, que é o que estamos buscando

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!

Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x