axios의 요청 차단 및 응답 차단

요청 차단기 추가

axios.interceptors.request.use(function (config) {
    //  
    return config;
  }, function (error) {
    //  
    return Promise.reject(error);
  });

간단하게 말하면 시작된 모든 요청에 요청 헤더에 정보를 추가합니다.

비유

백엔드 인터페이스가 요청에 token을 휴대해야 할 때, 우리는 요청을 할 때마다 요청 헤더를 한 번 써야 합니다. 여기는 요청 차단기를 통해 정보를 설정할 수 있습니다. 이axios는 처리된axios입니다.

응답 차단기 추가

axios.interceptors.request.use(function (config) {
    //  
    return config;
  }, function (error) {
    //  
    return Promise.reject(error);
  });

쉽게 말하면 axios가 당신에게 응답하는 데이터입니다.

비유

axios를 통해 요청을 보내면 다음과 같은 정보가 있을 수 있습니다. 아마도 우리는 이렇게 많은 상태를 볼 필요가 없어서config로 되돌아갈 수 있을 것입니다.data

 {
  // `data`  
  data: {},

  // `status`   HTTP  
  status: 200,

  // `statusText`   HTTP  
  statusText: 'OK',

  // `headers`  
  headers: {},

  // `config`  
  config: {}
}