axios의 요청 차단 및 응답 차단

3066 단어

요청 차단기 추가

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: {}
    }
    

    좋은 웹페이지 즐겨찾기