[JavaScript] Axios 오류 처리 / catch 문에서 Status Code 받아오는 방법

Intro

Axios의 catch() 문에서 Status Code 를 받아오는 방법에 대해 알아보도록 하겠습니다. 예를 들어 다음의 axios 요청이 있다고 가정해 봅시다. 

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

다음의 방법으로 console.log 로 찍어볼 경우 단순 string 만 반환하게 됩니다. return 된 object를 받고 싶을 경우 어떻게 해야 할까요? 

How to solve the problem

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

서버에서 응답을 받은 경우 error 객체에는 response 속성이 포함되어 있습니다. 따라서 위와 같이 객체를 받으면 status code 를 받아올 수 있습니다. 

---

https://stackoverflow.com/questions/39153080/how-can-i-get-the-status-code-from-an-http-error-in-axios