Axios。在try catch finally中，如何在api返回404错误时获得错误响应

Question

对于例如。

(async() => {
  let apiRes = null;
  try {
    apiRes = await axios.get('https://silex.edgeprop.my/api/v1/a');
  } catch (err) {
    console.error(err);
  } finally {
    console.log(apiRes);
  }
})();

在finally中，apiRes将返回null。

即使api得到404响应，响应中仍然有我想要使用的有用信息。

当axios抛出错误时，如何使用finally中的错误响应。

https://jsfiddle.net/jacobgoh101/fdvnsg6u/1/

Answer 1

根据AXIOS文档（此处：https://github.com/axios/axios)您可以将config对象中的validateStatus:false传递给任何axios请求。

例如。

axios.get(url, { validateStatus: false })
axios.post(url, postBody, { validateStatus: false })

您也可以通过这样的函数：validateState：（state）=

Answer 2

根据文档，完整响应作为错误的response属性提供。

所以我会在cat块中使用这些信息：

(async() => {
  let apiRes = null;
  try {
    apiRes = await axios.get('https://silex.edgeprop.my/api/v1/a');
  } catch (err) {
    console.error("Error response:");
    console.error(err.response.data);    // ***
    console.error(err.response.status);  // ***
    console.error(err.response.headers); // ***
  } finally {
    console.log(apiRes);
  }
})();

更新小提琴

但是，如果您想将它放在最后中，只需将其保存到一个变量中即可：

(async() => {
  let apiRes = null;
  try {
    apiRes = await axios.get('https://silex.edgeprop.my/api/v1/a');
  } catch (err) {
    apiRes = err.response;
  } finally {
    console.log(apiRes); // Could be success or error
  }
})();