Axios 공식 홈페이지 따라하기 (5) - 응답 스키마

이번 포스트에서는 응답에 대한 어떤 정보를 갖고있는지를 정리해보고자 한다

 

data는 서버가 제공하는 응답이다

data: {}

 

status는 HTTP 상태 코드이다.

status: 200

 

statusText는 HTTP 상태 메시지이다.

statusText: 'OK'

 

headers는 HTTP 헤더이다.

// 모든 헤더의 이름은 소문자이며, 괄호 표기법을 사용하여 ㅈㅂ근할 수 있다.
ex) 'response.headers['content-type']'

headers: {}

 

config는 요청을 위해 Axios가 제공하는 구성이다

config: {}

 

request는 이번 응답으로 생성된 요청이다

// 브라우저에서는 XMLHttpRequest이다.

requeset: {}

 

then을 사용하면 아래의 응답을 받는다.

axios.get('/user/12345')
  .then(function (response) {
    console.log(response.data);
    console.log(response.status);
    console.log(response.statusText);
    console.log(response.headers);
    console.log(response.config);
  });