- Axios란?
- 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다.
- 설치
yarn add axios
import axios from "axios";
- 사용방법
1) 리액트 프로젝트에 shared 폴더에 Request.js 파일을 만든다.
2) 리덕스 모듈에서 불러온다.
3) GET메소드
서버와 설계한 api대로 get요청을 보낼 url을 적어준다.
4) Post메소드
post요청을 보낼때 두번째 파라미터로 바디에 보낼 값들을 보낸다.
- headers보내기
header를 같이 보내야한다면 세번째 파라미터로 보낸다.
- Fetch api와 코드비교
- Axios장점
- IE까지 대부분의 브라우저를 지원한다. (구형 포함)
- JSON 데이터를 자동 변환해준다.
- Node.js에서도 사용 가능하다.
- 요청을 중도 Cancel, 응답시간 초과 설정 등의 기능이 있다.
- 400, 500대의 Error 발생시에 reject 로 response를 전달해 catch로 잡아낼 수 있다.
