axios 전송 요청, 전역 처리 이상

1444 단어 vuejs
이전에 ajax 를 사 용 했 을 때 jquery 의 ajax 는 전역 이상 을 처리 하고 ajax Setup 방법 을 설정 합 니 다.
$.ajaxSetup({
        headers: {'Authorization': header},   //     
        complete:function(xhr,data){    //   success  error         complete  ,        
            if(xhr.status == 401){
               console.log("    !");
            }
            if(xhr.responseJSON != undefined){
                if((xhr.responseJSON.code == 1) && (xhr.responseJSON.msg == "     ")){
                    console.log("       !");
                }
            }

        }
    });

그러나 axios 가 트 리 메뉴 를 실현 할 때 메뉴 의 증가, 편집 과 삭 제 를 사 용 했 기 때문에 vue 를 사 용 했 지만 이상 요청 에 대해 전역 적 으로 처리 해 야 합 니 다. 코드 는 다음 과 같 습 니 다.
axios.interceptors.response.use(function (response) {
    return response;
}, function (error) {
    if (error.response) {
        if(error.response.data.code == 1){
            ////////////
        }
        if(error.response.data.code == 1 && error.response.data.msg == "     "){
            /////////////
        }
        if(error.response.status == "401"){
            /////////////
        }
    } else if (error.request) {
        console.log(error.request);
    } else {
        console.log('Error', error.message);
    }
});

상기 설정 을 사용 하 는 것 은 매우 간편 합 니 다. 그렇지 않 으 면 모든 요청 을 한 번 씩 써 야 합 니 다. 코드 가 불필요 할 뿐만 아니 라 유지 에 도 불리 합 니 다.

좋은 웹페이지 즐겨찾기