Axios: पुनः प्रयास पैरामीटर जोड़ना

इस पर किसी भी अद्यतन?

मुझे लगता है कि यह बहुत महत्वपूर्ण है। परिदृश्य शायद जब हम मोबाइल वेब के लिए एक्सियोस को लागू करते हैं, तो उपयोगकर्ता वाईफाई से इंटरनेट स्रोत को किसी भी प्रकार के मोबाइल कनेक्शन में बदल देता है।

मुझे नहीं लगता कि इस तरह की कार्यक्षमता इस पुस्तकालय में होनी चाहिए। अगर आपको इसकी जरूरत है तो आप इसके लिए इंटरसेप्टर बना सकते हैं।

@jtangellder कोई विचार यह कैसा दिखना चाहिए?

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 मेरी इच्छा है कि यह उदाहरण ढूंढना आसान हो!

@jtangellder स्निपेट के लिए बहुत बहुत धन्यवाद

स्निपेट पर थोड़ा सुधार, मुझे लगता है कि लौटाई गई त्रुटि स्थिति 500 ​​के बजाय 504 होनी चाहिए।

@jtangellder बहुत उपयोगी उदाहरण।

मैं सोच रहा हूं, घातीय बैकऑफ के साथ कुछ कैसे करें इस पर कोई विचार? क्या 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 मैंने

@lawloretienne आपको किसी भी पुनः प्रयास पैरामीटर का उपयोग करने से पहले यह सुनिश्चित करने की आवश्यकता है कि आप मेरे उदाहरण में कोड जोड़ते हैं। चूंकि यह एक प्लगइन की तरह अधिक कार्य करता है, नए गुणों को स्वयं अक्ष के हिस्से के रूप में प्रलेखित नहीं किया जाता है।

config.__retryCount = config.__retryCount || 0;

@KyleRoss config config पास करने में असमर्थ, प्रत्येक '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 है)।

मैं इसे किसी बिंदु पर एक सार में थोड़ा और अधिक विन्यास योग्य बना सकता हूं।

मदद के लिए धन्यवाद!