axios 장단점 및 사용 법

Axios는 Promise 기반으로 만들어졌기 때문에 데이터 다루기가 편리하고, 크로스 브라우징에 신경을 많이 써 브라우저 호환성이 뛰어나다는 장점이 있다
1. Axios는 response timeout 처리 방법이 있다.
2. 반면에 fetch는 내장 라이브러리이므로 모듈 설치가 필요 없다. 
3. 하지만, response timeout 처리 방법이 없다는 단점이 있다

[개발상식] Ajax와 Axios 그리고 fetch

fetch / axios 차이 2: Ajax와 Axios 그리고 fetch 4: fetch와 axios란? 3: Ajax,axios,fetch 차이

1: fetch / axios 차이 2: Ajax와 Axios 그리고 fetch 4: fetch와 axios란? 3: Ajax,axios,fetch 차이

<script>
    const send = axios.create({
        baseUrl: 'localhost/',
        timeout: 100000,
    });

    // request
    send.interceptors.request.use(
        async config => {
            config.headers['Content-Type'] = 'application/json';
            return config;
        },
        error => {
            console.log('request error : ', error);
            return Promise.reject(error);
        },
    );
</script>

send.post('/urltest/controller',
            {
                val: val,
                val2: val2,
                keywdNm: trimKeywdNm
            })
            .then(res => {
                let result =res.data;

                if(result===1){
					//성공시
                    alert('성공');
                }else{
                    alert('실패');
                }
            }).catch(e => {
        });