Як я можу отримати код статусу від http-помилки в Axios?

Це може здатися дурним, але я намагаюся отримати дані про помилки, коли запит не працює в Axios.

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

Чи можна замість рядка отримати об’єкт, мабуть, код статусу та вміст? Наприклад:

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

Те, що ви бачите, це рядок, що повертається toStringметодом errorоб'єкта. ( errorне є рядком.)

Якщо відповідь отримана від сервера, errorоб’єкт буде містити responseвластивість:

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

Як сказав @Nick, результати, які ви бачите, коли ви console.logоб’єкт JavaScript, Errorзалежать від точної реалізації console.log, яка змінюється і (imo) робить перевірку помилок неймовірно дратівливими.

Якщо ви хочете побачити повний Errorоб'єкт і всю інформацію, яку він несе в обхід toString()методу, ви можете просто скористатися JSON.stringify :

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

Я використовую цей перехоплювач, щоб отримати відповідь про помилку.

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

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

За допомогою TypeScript можна легко знайти потрібний тип.

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)
  })

Ви можете використовувати оператор розповсюдження ( ...), щоб примусити його до нового об'єкта на зразок цього:

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

Будьте в курсі: це не буде випадком помилки.

Це відома помилка, спробуйте використовувати "axios": "0.13.1"

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

У мене була така ж проблема, тому я закінчила використання "axios": "0.12.0". Це прекрасно працює для мене.

Існує нова опція, яка називається validateStatusв конфігурації запиту. Ви можете використовувати його, щоб вказати, щоб не викидати винятки, якщо статус <100 або статус> 300 (поведінка за замовчуванням). Приклад:

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

Ви можете помістити помилку в об'єкт і записати об'єкт таким чином:

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

Сподіваюся, це допоможе комусь там.

Щоб повернути код статусу http з сервера, ви можете додати validateStatus: status => trueдо параметрів axios:

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

Таким чином, кожна відповідь http вирішує обіцянку, повернуту з аксіосів.

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

Це мій код: працюй для мене

 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")
    })