Axios: 재시도 매개변수 추가

이것에 대한 어떤 업데이트?

저는 이것이 매우 중요하다고 생각합니다. 시나리오는 우리가 모바일 웹용 Axios를 구현할 때 사용자가 인터넷 소스를 WiFi에서 모든 종류의 모바일 연결로 전환할 수 있습니다.

나는 이런 종류의 기능이 이 라이브러리에 있어서는 안 된다고 생각합니다. 필요한 경우 이를 위한 인터셉터를 만들 수 있습니다.

@jtangelder 어떤 아이디어가 어떻게 생겼습니까?

function retryFailedRequest (err) {
  if (err.status === 500 && err.config && !err.config.__isRetryRequest) {
    err.config.__isRetryRequest = true;
    return axios(err.config);
  }
  throw err;
}
axios.interceptors.response.use(undefined, retryFailedRequest);

이 같은! 500 오류를 한 번 재시도합니다.

나는 이것이 핵심 라이브러리에 속하지 않는다는 @jtangelder의 말에 동의합니다. 이것은 그림과 같이 인터셉터의 훌륭한 사용 사례입니다.

@jtangelder @mzabriskie 감사합니다! 실제로 문서화에도 좋은 예입니다.

+1 이 예제가 더 찾기 쉬웠으면 좋겠습니다!

@jtangelder 스 니펫을 주셔서 감사합니다.

스 니펫을 약간 수정하면 반환 된 오류 상태가 500 대신 504가되어야한다고 생각합니다.

@jtangelder 매우 유용한 예입니다.

지수 백오프로 작업을 수행하는 방법에 대한 아이디어가 있는지 궁금합니다. retryFailedRequest 에서 약속을 반환할 수 있습니까? 또는 다른 제안? 감사 해요!

@jtangelder 의 예제는 요리책 페이지에 포함되어야 합니다.

이제 이를 위해 axios-retry 를 사용할 수 있습니다.

나는 동의한다. 이것은 실제로 라이브러리의 일부이거나 적어도 더 잘 문서화되어야 합니다.

@mericsson 재시도할 때 지수 백오프가 너무 필요합니다. 나는 다음과 같이 훌륭하게 작동합니다. 이것은 현재 모든 오류를 가로채고 재시도하기 때문에 특정 오류/상태 코드를 확인하는 데 추가하고 싶습니다.

axios.interceptors.response.use(undefined, function axiosRetryInterceptor(err) {
    var config = err.config;
    // If config does not exist or the retry option is not set, reject
    if(!config || !config.retry) return Promise.reject(err);

    // Set the variable for keeping track of the retry count
    config.__retryCount = config.__retryCount || 0;

    // Check if we've maxed out the total number of retries
    if(config.__retryCount >= config.retry) {
        // Reject with the error
        return Promise.reject(err);
    }

    // Increase the retry count
    config.__retryCount += 1;

    // Create new promise to handle exponential backoff
    var backoff = new Promise(function(resolve) {
        setTimeout(function() {
            resolve();
        }, config.retryDelay || 1);
    });

    // Return the promise in which recalls axios to retry the request
    return backoff.then(function() {
        return axios(config);
    });
});

사용:

axios.get('/some/endpoint', { retry: 5, retryDelay: 1000 })
    .then(function(res) {
        console.log('success', res.data);
    })
    .catch(function(err) {
        console.log('failed', err);
    });

구성 옵션:
retry - 첫 번째 실패한 요청 후 요청을 재시도하는 횟수입니다.
retryDelay - 실패한 요청 사이의 대기 시간(밀리초)입니다(기본값은 1).

어느 시점에서 요점에서 이것을 좀 더 구성 가능하게 만들 수 있습니다.

@KyleRoss 코드 감사합니다. 재시도를 기하급수적으로 조정했습니다.

// Create new promise to handle exponential backoff. formula (2^c - 1 / 2) * 1000(for mS to seconds)
    const backOffDelay = config.retryDelay 
        ? ( (1/2) * (Math.pow(2, config.__retryCount) - 1) ) * 1000
        : 1;

    const backoff = new Promise((resolve) => {
        setTimeout(() => {
            resolve();
        },  backOffDelay);
    });

@KyleRoss 공유해 주셔서 감사합니다.

지연을 점점 더 설정할 수 있습니다.

const RETRY_TIMEOUTS = [1, 3, 5, 10]; // seconds
const delay = RETRY_TIMEOUTS[config.retryCount] * 1000;

4xx 또는 5xx 요청을 다시 시도하려면 다음과 같은 오류 개체에 대한 작업이 필요합니다.

요청을 가로채려면:

axios.interceptors.request.use(function (config) {
    // Do something before request is sent
    return config;
  }, function (error) {
    // Do something with request error
    return Promise.reject(error);
  });

응답을 가로채려면:

axios.interceptors.response.use(function (response) {
    // Do something with response data
    return response;
  }, function (error) {
    // Do something with response error
    return Promise.reject(error);
  });

멋진 아이디어. 사람들이 관심이 있다면, 나는 이것을 npm 모듈에 꽤 많이 넣었습니다.
https://github.com/JustinBeckwith/retry-axios

기능 요청을 수락하게 되어 기쁩니다 ✨

axios-retry 대 retry-axios

@KyleRoss AxiosRequestConfig 에 retry 및 retryDelay 구성 옵션을 추가하려고 시도했지만 존재하지 않는 것 같습니다. 어떻게 작동시키셨나요?

@lawloretienne 재시도 매개변수를 사용하기 전에 내 예제에 코드를 추가했는지 확인해야 합니다. 플러그인처럼 작동하기 때문에 새 속성은 axios 자체의 일부로 문서화되지 않습니다.

config.__retryCount = config.__retryCount || 0;

@KyleRoss 구성 구성을 전달할 수 없습니다. 각 'config.__reyCount'가 정의되지 않았습니다.
https://github.com/axios/axios/blob/v0.19.0/lib/core/mergeConfig.js
이제 사용자 지정 속성이 필터링됩니다.

@dennisreimann 사용자 지정 구성은 이제 v0.19에서 필터링되었으며 이제 다음과 같이 구성을 전달할 수 있습니다.

axios.defaults.headers.common['retry'] = 3
axios.defaults.headers.common['retryDelay'] = 1000
axios.defaults.headers.common['retryCount'] = 0

@mericsson 재시도할 때 지수 백오프가 너무 필요합니다. 나는 다음과 같이 훌륭하게 작동합니다. 이것은 현재 모든 오류를 가로채고 재시도하기 때문에 특정 오류/상태 코드를 확인하는 데 추가하고 싶습니다.

axios.interceptors.response.use(undefined, function axiosRetryInterceptor(err) {
    var config = err.config;
    // If config does not exist or the retry option is not set, reject
    if(!config || !config.retry) return Promise.reject(err);

    // Set the variable for keeping track of the retry count
    config.__retryCount = config.__retryCount || 0;

    // Check if we've maxed out the total number of retries
    if(config.__retryCount >= config.retry) {
        // Reject with the error
        return Promise.reject(err);
    }

    // Increase the retry count
    config.__retryCount += 1;

    // Create new promise to handle exponential backoff
    var backoff = new Promise(function(resolve) {
        setTimeout(function() {
            resolve();
        }, config.retryDelay || 1);
    });

    // Return the promise in which recalls axios to retry the request
    return backoff.then(function() {
        return axios(config);
    });
});

사용:

axios.get('/some/endpoint', { retry: 5, retryDelay: 1000 })
    .then(function(res) {
        console.log('success', res.data);
    })
    .catch(function(err) {
        console.log('failed', err);
    });

구성 옵션:
retry - 첫 번째 실패한 요청 후 요청을 재시도하는 횟수입니다.
retryDelay - 실패한 요청 사이의 대기 시간(밀리초)입니다(기본값은 1).

어느 시점에서 요점에서 이것을 좀 더 구성 가능하게 만들 수 있습니다.

도움에 감사드립니다!