Frontend/Vue.js

axios

둥둥 2022. 11. 19. 22:45
728x90

axios

axios를 사용해 API 서버와 통신

1. axios 설치 또는 import

    
        npm install axios
    

    
         // jsDeliver

         // unpkg CDN

2. axios 전역 사용 : main.js에 등록하기

    
         import axios from 'axios';
        Vue.prototype.$axios = axios;

위 코드 사용시, 각 컴포넌트에서 마다 import해서 가져올 필요없이 this.$axios를 사용해 axios를 사용할 수 있다.

3. axios 문법에 맞춰 작성

    
        axios({
            url: '',
            method: 'GET/POST',
            data: '',
            responseType: '',
            params: {}
        })
        .then(response => {
            console.log(response);
        })
        .catch(error => {
            console.log(error)
        });
728x90