axios 액시오스 기초

2020-06-03
  • javascript

    • 개인 프로젝트에서 Vue.js 를 사용하게 되었는데, Vue.js 에서 권고하는 http 통신 라이브러리가 axios 라서 마찬가지로 사용하게 되었다.

    나는 자유의지를 가진 인간이다.

    쓰다가 뒤늦게 이걸 왜쓰는거지 싶어서 찾아 봤는데, 느낌적인 느낌은..

    • http 통신만을 위해서 jquery 를 가져오는건 jquery 스크립트 크기가 너무 크다. (쓰잘데기 없는 것 까지 가져온다.)
    • Vue js 를 쓰다보면 jquery selector 를 사용할 일이 드물다.

    설치

    다운받아서 어쩌고 하기 귀찮으니 CDN 사용

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

    사용

    기초기 떄문에 그냥 바로 예제로 넘어간다.

    axios({
    method: 'get',
    url: 'https://graph.instagram.com/me/media?fields=id,caption,media_url,permalink&access_token=' + accessToken,
    data: {}
})
.then(function(response){
    console.log('then response -> ');
    console.log(response);
    response.data.data.forEach(media => self.mediaList.push(media));
    self.paging = response.data.paging;
})
.catch(function(response) {
    console.log('catch response -> ');
    console.log(response);
})
;

    끝