React | Axios

Axios

Axios는 HTTP통신을 하는데 매우 인기있는 Javascript라이브러리입니다. Axios는 브라우저와 Node.js 플랫폼에서 모두 사용할 수 있습니다.

Fetch API보다 Axios가 더 좋은 장점

- 구형브라우저를 지원합니다.(Fetch API의 경우는 폴리필이 필요합니다.)
- 요청을 중단시킬 수 있습니다.
- 응답 시간 초과를 설정하는 방법이 있습니다.
- CSRF 보호 기능이 내장되어있다.
- JSON 데이터 자동변환
- Node.js에서의 사용

Axios API

axios객체는 아래와 같이 간단하게 HTTP요청을 할 수 있습니다.

axios({
  url: 'https://test/api/cafe/list/today',
  method: 'get',
  data: {
    foo: 'diary'
  }
});

- axios.get()
- axios.post()

$.ajax()를 분리해 명확하게 사용하는 $.get(), $.post()처럼 사용하는 jQuery와 매우 흡사합니다.

Axios가 아직 핫한 라이브러리는 아니지만 HTTP요청에서 사용하는 다양한 method도 제공하고 있습니다.

- axios.delete()
- axios.put()
- axios.patch()
- axios.options()