axios 간단 정리

Axios

- 액시오스는 뷰에서 권고하는 Promise 기반의 HTTP 통신 라이브러리.
(원래는 vue-resource 라는거 쓰다가 이제는 버리고 Axios가 공식이 되었다고 한다!)
- 다른 HTTP 통신 라이브러리들에 비해 문서화가 잘되어있음
- 브라우저 서포트가 잘되어있음
 

Axios 설치 방법

cdn

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

 

npm

npm install axios

 
 

Axios 메서드 종류

axios.get(url, ...)

url을 따라 서버에서 데이터를 가져옴.
두번째 파라미터에 header, params 등 같이 넣어서 요청 가능
 

axios.post(url, data)

서버에 data를 올림.
 

axios.put(url, data)

서버의 데이터 수정을 요청함.
즉, 이미 존재하는 데이터를 대체할 때 사용.
 

axios.delete(url, …)

특정 데이터나 값 삭제함
 
 

Axios 응답 제어 방법

.then

비동기 통신이 성공하면 콜백을 인자로 받아 결과값 처리
 

.catch

오류 처리
 
 

Axios 간단 사용법

fetchData: function() {
  axios.get('url주소')
    .then(function(response) {
      // 결과 처리
    })
    .catch(function(error) {
      // 에러 처리
    });
}

 
 

Axios 오픈소스 주소

https://github.com/axios/axios

GitHub - axios/axios: Promise based HTTP client for the browser and node.js