[5] Axios

개요

브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리

-> 백엔드, 프론트엔드가 쉽게 통신하기 위해 Ajax와 더불어 사용한다.

 

특징

- 운영환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 Http API를 사용한다.

- Promise(ES6) API를 사용한다.

- 요청과 응답 데이터를 변형할 수 있다.

- HTTP 요청을 취소할 수 있다.

- HTTP 요청과 응답을 JSON 형태로 자동으로 변경해준다.

 

사용법

GET, POST, DELETE, PUT과 같은 메소드가 존재한다.

1) GET : 입력한 url에 존재하는 자원을 요청할 때 사용한다.

axios.get(URL,[,config]);

2) POST : 새로운 리소스를 생성(create)할 때 사용한다.

axios.post(URL,{     data객체 },[,config]);

3) DELETE : REST 기반 API 프로그램에서 데이터베이스에 저장되어 있는 내용을 삭제할 때 사용한다.

axios.delete(URL,[,config]);

4) PUT : REST 기반 API 프로그램에서 데이터베이스에 저장되어 있는 내용을 갱신할 때 사용한다.

axios.put(url[, data[, config]]);

 

예제

 

출처 : 

joshua1988.github.io/web-development/vuejs/vuejs-tutorial-for-beginner/#vuejs%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80

Vue.js 입문서 - 프론트엔드 개발자를 위한

lhbhb21c.tistory.com/86

API 연동에 관하여(axios)

velog.io/@zofqofhtltm8015/Axios-%EC%82%AC%EC%9A%A9%EB%B2%95-%EC%84%9C%EB%B2%84-%ED%86%B5%EC%8B%A0-%ED%95%B4%EB%B3%B4%EA%B8%B0

Axios란? / Axios 사용 및 서버 통신 해보기!