¿Cómo puedo obtener el código de estado de un error http en Axios?

Esto puede parecer estúpido, pero estoy tratando de obtener los datos de error cuando falla una solicitud en Axios.

axios.get('foo.com')
    .then((response) => {})
    .catch((error) => {
        console.log(error) //Logs a string: Error: Request failed with status code 404
    })

En lugar de la cadena, ¿es posible obtener un objeto con quizás el código de estado y el contenido? Por ejemplo:

Object = {status: 404, reason: 'Not found', body: '404 Not found'}

Lo que ves es la cadena devuelta por el toStringmétodo del errorobjeto. ( errorno es una cadena)

Si se ha recibido una respuesta del servidor, el errorobjeto contendrá la responsepropiedad:

axios.get('/foo')
  .catch(function (error) {
    if (error.response) {
      console.log(error.response.data);
      console.log(error.response.status);
      console.log(error.response.headers);
    }
  });

Como dijo @Nick, los resultados que ve cuando console.logun Errorobjeto JavaScript depende de la implementación exacta de console.log, que varía y (imo) hace que la comprobación de errores sea increíblemente molesta.

Si desea ver el Errorobjeto completo y toda la información que lleva sin pasar por el toString()método, puede usar JSON.stringify :

axios.get('/foo')
  .catch(function (error) {
    console.log(JSON.stringify(error))
  });

Estoy usando estos interceptores para obtener la respuesta de error.

const HttpClient = axios.create({
  baseURL: env.baseUrl,
});

HttpClient.interceptors.response.use((response) => {
  return response;
}, (error) => {
  return Promise.resolve({ error });
});

Con TypeScript, es fácil encontrar lo que desea con el tipo correcto.

import { AxiosResponse, AxiosError } from 'axios'

axios.get('foo.com')
  .then(response: AxiosResponse => {
    // Handle response
  })
  .catch((reason: AxiosError) => {
    if (reason.response!.status === 400) {
      // Handle 400
    } else {
      // Handle else
    }
    console.log(reason.message)
  })

Puede usar el operador de propagación ( ...) para forzarlo a un nuevo objeto como este:

axios.get('foo.com')
    .then((response) => {})
    .catch((error) => {
        console.log({...error}) 
})

Tenga en cuenta: esto no será una instancia de error.

Este es un error conocido, intente usar "axios": "0.13.1"

https://github.com/mzabriskie/axios/issues/378

Tuve el mismo problema, así que terminé usando "axios": "0.12.0". Funciona bien para mí.

Hay una nueva opción llamada validateStatusen la configuración de solicitud. Puede usarlo para especificar no lanzar excepciones si el estado <100 o el estado> 300 (comportamiento predeterminado). Ejemplo:

const {status} = axios.get('foo.com', {validateStatus: () => true})

Puede poner el error en un objeto y registrar el objeto, así:

axios.get('foo.com')
    .then((response) => {})
    .catch((error) => {
        console.log({error}) // this will log an empty object with an error property
    });

Espero que esto ayude a alguien por ahí.

Para que el servidor devuelva el código de estado http, puede agregar validateStatus: status => truea las opciones de axios:

axios({
    method: 'POST',
    url: 'http://localhost:3001/users/login',
    data: { username, password },
    validateStatus: () => true
}).then(res => {
    console.log(res.status);
});

De esta manera, cada respuesta http resuelve la promesa devuelta por axios.

https://github.com/axios/axios#handling-errors

Es mi código: trabaja para mí

 var jsonData = request.body;
    var jsonParsed = JSON.parse(JSON.stringify(jsonData));

    // message_body = {
    //   "phone": "5511995001920",
    //   "body": "WhatsApp API on chat-api.com works good"
    // }

    axios.post(whatsapp_url, jsonParsed,validateStatus = true)
    .then((res) => {
      // console.log(`statusCode: ${res.statusCode}`)

            console.log(res.data)
        console.log(res.status);

        // var jsonData = res.body;
        // var jsonParsed = JSON.parse(JSON.stringify(jsonData));

        response.json("ok")
    })
    .catch((error) => {
      console.error(error)
        response.json("error")
    })