如何从Axios中的http错误获取状态代码？

这看起来可能很愚蠢，但是当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}) 
})

请注意：这将不是Error的实例。

这是一个已知的错误，请尝试使用 "axios": "0.13.1"

https://github.com/mzabriskie/axios/issues/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响应都会解析axios返回的承诺。

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