이번주는 Axios에 대한 이야기를 해보고자한다.
Axios는 node.js와 브라우저를 위한 Promise 기반 HTTP 클라이언트이다.
백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.
Axios의 특징은 아래와 같다.
- 브라우저를 위해 XMLHttpRequests 생성
- node.js를 위해 http 요청 생성
- Promise API를 지원
- 요청 및 응답 인터셉트
- 요청 및 응답 데이터 변환
- 요청 취소
- JSON 데이터 자동 변환
- XSRF를 막기위한 클라이언트 사이드 지원
yarn 사용하여 설치하기:
$ yarn add axios
Axios 기본문법
axios({
url: 'https://test/api/cafe/list/today', // 통신할 웹문서
method: 'get', // 통신할 방식
data: { // 인자로 보낼 데이터
foo: 'diary'
}
});