देशी फ़ेच को प्रतिक्रिया दें या फिर

Question

पकड़ें मैं कुछ एपीआई कॉल को प्रतिक्रिया-मूल में बनाने के लिए fetch का उपयोग कर रहा हूं, कभी-कभी यादृच्छिक रूप से fetch सर्वर को अनुरोध नहीं करता है और मेरे बाद या ब्लॉक को छोड़कर नहीं कहा जाता है। यह यादृच्छिक रूप से होता है, मुझे लगता है कि दौड़ की स्थिति या कुछ समान हो सकता है। एक बार अनुरोधों को विफल करने के बाद, ऐप को फिर से लोड करने तक एक ही एपीआई के अनुरोध कभी नहीं निकाल दिए जाते हैं। किसी भी विचार इस के पीछे कारण का पता लगाने के लिए कैसे। मेरे द्वारा उपयोग किया गया कोड नीचे है।

const host = liveBaseHost; 
const url = `${host}${route}?observer_id=${user._id}`; 
let options = Object.assign({ 
     method: verb 
    }, params 
    ? { 
     body: JSON.stringify(params) 
    } 
    : null); 
options.headers = NimbusApi.headers(user) 
return fetch(url, options).then(resp => { 
    let json = resp.json(); 
    if (resp.ok) { 
     return json 
    } 
    return json.then(err => { 
     throw err 
    }); 
}).then(json => json); 

Answer 1

प्राप्त करें एक त्रुटि फेंक सकता है और आपने पकड़ ब्लॉक नहीं जोड़ा है। इस प्रयास करें:

return fetch(url, options) 
    .then((resp) => { 
    if (resp.ok) { 
     return resp.json() 
     .then((responseData) => { 
      return responseData; 
     }); 
    } 
    return resp.json() 
     .then((error) => { 
     return Promise.reject(error); 
     }); 
    }) 
    .catch(err => {/* catch the error here */}); 

याद रखें कि आम तौर पर इस प्रारूप है वादा किया:

promise(params) 
    .then(resp => { /* This callback is called is promise is resolved */ }, 
     cause => {/* This callback is called if primise is rejected */}) 
    .catch(error => { /* This callback is called if an unmanaged error is thrown */ }); 

मैं इसे उपयोग कर रहा हूँ इस तरह से है क्योंकि मैं एक ही समस्या से पहले का सामना करना पड़ा।

मुझे बताएं कि यह आपकी मदद करता है या नहीं।

Answer 2

एक कोशिश पकड़ में अपने fetch लपेटें:

let res; 
try { 
    res = fetch(); 
} catch(err) { 
    console.error('err.message:', err.message); 
} 

आप देख रहे हैं, तो "नेटवर्क विफलता त्रुटि" यह या तो CORS या वास्तव में अजीब है, लेकिन यह मुझे अतीत में मिला, जांच करें कि आपने हवाई जहाज मोड में नहीं हैं।