개요
브라우저, 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]]); |
예제
출처 :
Vue.js 입문서 - 프론트엔드 개발자를 위한
Vue.js를 시작하기 위한 소개, 구성요소, 구조, Vue Router, HTTP 통신 라이브러리 등
joshua1988.github.io
API 연동에 관하여(axios)
axios란? ->Promise 기반의 API 형식이라고 하더라... 그럼 Promise? -> Promis란 비동기 로직 처리에 유용한 자바스크립트 객체이다 비동기란 그럼?? -> 솔직히 이거모르면... 따로 검색해야.... 커뮤니티에
lhbhb21c.tistory.com
Axios란? / Axios 사용 및 서버 통신 해보기!
Axios란? Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다. # Axios란? # Axios사용법 # Axios를 사용해서 백엔드 없이 서버 통신 해보기!
velog.io
'■ 웹 개발 > Vue.js' 카테고리의 다른 글
| [7] Single File Component (0) | 2020.11.16 |
|---|---|
| [6] Vue 템플릿 (0) | 2020.11.16 |
| [4] Vue 라우터 (0) | 2020.11.16 |
| [3] Vue 컴포넌트 (0) | 2020.11.16 |
| [2] Vue 인스턴스 (0) | 2020.11.16 |