[자바스크립트 js] axios

  axios

• fetch 함수 말고 Ajax를 통신할 수 있는 방법
• axios 객체에서 request를 보내는 많은 메소드들이 fetch 함수처럼 promise 객체를 리턴한다.
• 사용법은 fetch 함수와 비슷하다

axios
  .get('https://tooktak.com/doit')
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.log(error);
  });

 

 

 

 

 

  fetch 함수에는 없는 axios의 기능 및 장점

• 모든 request, response에 대한 공통 설정 및 공토된 전처리 함수 삽입 가능
• serialization, deserialization을 자동으로 수행
• 특정 request에 대해 얼마나 오랫동안 response가 오지 않으면 requset를 취소할지 설정 가능(requset timeout)
• 업로드 시 진행 상태 정보를 얻을 수 있음
• requset 취소 기능 지원

 

 

 

 

  axios 단점

• fetch 함수는 웹 브라우저에서 바로 지원되는 함수지만, axios는 별도로 패키지를 다운 받아야 한다.
• 위에 언급한 axios에서 제공하는 추가 기능이 필요한 경우가 아니라면 fetch 함수를 사용한다.