Axios
- Axios는 브라우저, 노드를 위한 프로미스 API를 활용하는 HTTP 비동기 통신 라이브러리이다. 백과 프론트의 통신을 쉽게 하기 위해서 사용하는 것.
Axios 특징
- 운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용
- Promise(ES6) API 사용
- 요청과 응답 데이터의 변형
- HTTP 요청 취소
- HTTP 요청과 응답을 JSON 형태로 자동 변경
Axios 설치
npm install axios클라이언트에서 Axios 설치
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>Axios 문법 구성
axios({
url: 'https://test/api/cafe/list/today',
method: 'get',
data: {
foo: 'diary'
}
});Axios 요청 파라미터 옵션(자주 사용되는 것들)
method : 요청방식. (get이 디폴트)
url : 서버 주소
headers : 요청 헤더
data : 요청 방식이 'PUT', 'POST', 'PATCH' 해당하는 경우 body에 보내는 데이터
params : URL 파라미터 ( ?key=value 로 요청하는 url get방식을 객체로 표현한 것)
responseType : 서버가 응답해주는 데이터의 타입 지정 (arraybuffer, documetn, json, text, stream, blob)
withCredentials : cross-site access-control 요청을 허용 유무. 이를 true로 하면 cross-origin으로 쿠키값을 전달 할 수 있다.
Axios 단축 메소드
GET : axios.get(url[, config])
POST : axios.post(url, data[, config])
PUT : axios.put(url, data[, config])
DELETE : axios.delete(url[, config])
