Axios

Axios

사용법

Axios

Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. fetch API와 비슷한 역할을 하지만 사용이 간편하면서 추가적인 기능들이 포함되어 있다.

Axios	Fetch API
서드파티 라이브러리로 설치 필요	빌트인 API라 별도 설치 필요없음
자동으로 JSON데이터 형식으로 변환	.json() 메서드 사용 필요

사용법

Axios는 써드파티 라이브러리이기 때문에 사용을 위한 설치 과정이 필요하다.

npm install axios

fetch API와 기본 원리는 거의 비슷하며, 기본적인 사용 방법은 전달인자로 정해진 옵션을 입력하는 것이다. 이외에도 메서드를 이용해 HTTP 요청 메서드를 설정할 수 있다. 기본적인 작성 방법은 아래와 같다.

// axios 사용을 위해 설치한 라이브러리 불러오기
import axios from 'axios';

// 기본 사용 방법
axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

// 메서드를 활용한 사용 방법
axios.get("url"[,config])
axios.post("url"[, data[, config]])
axios.put("url"[, data[, config]])
axios.patch("url"[, data[, config]])
axios.delete("url"[, config])

Uploaded by N2T