Axios란?

1. Axios란?

: Vue에서 권고하는 HTTP 통신 라이브러리

: Promise 기반의 HTTP 통신 라이브러리

 

 

2. 설치 방식

① CDN 방식

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

② NPM 방식

- npm install axios

 

 

3. axios API

① axios.get("URL 주소").then().catch()

: 해당 URL 주소에 대해 HTTP GET 요청을 보냄

: 서버에서 보낸 데이터를 정상적으로 받아오면 then() 안에 정의된 로직이 실행되고, 데이터를 받아올 때 오류가 발생하면 catch()에 정의한 로직이 실행

 

② axios.post("URL 주소").then().catch()

: 해당 URL 주소에 대해 HTTP POST 요청을 보냄

: then()과 catch()는 get 방식과 동일

 

③ axios({옵션 속성})

: HTTP 요청에 대한 자세한 속성들을 직접 정의하여 보낼 수 있음

: 데이터 요청을 보낼 URL, HTTP 요청방식, 보내는 데이터 유형