[Vue, Quasar] axios.js 활용하여 Api 편하게 호출하기

백엔드와 통신을 편하게 하기 위해서 보통 Ajax와 Axios와 같은 HTTP 비동기 통신 라이브러리를 사용한다. 

 

퀘이사 프레임워크를 설치할 때, axios를 설치할 것이냐고 묻고, 선택을 하게 되면 자동으로 boot파일에 axios를 추가해 준다. 

 

boot 파일

quasar.conf.js

우선, axios를 설치한 후, 스크립트에서 axios를 통해 api를 호출하는 법은 매우 간단하다.

 

this.$axios.get('http://127.0.0.1:8000/api/users/')

 

그래서 axios의 baseUrl 속성을 사용한다. 

 

본인의 axios.js

위 코드처럼 baseUrl을 설정하면된다. 본인은 test서버와 본 서버를 구분해 놓기 위해 testMode라는 상태 값을 추가해두었다.

 

그리고 다음과 같이 호출하면 된다.

 

api.get('/api/users/')