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.
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!