API को की गई आपकी fetch ब्राउज़र में CORS error से फेल होती है पर वही request curl में ठीक चलती है। माजरा क्या है और आप क्या करेंगे?

CORS सर्वर नहीं, ब्राउज़र लागू करता है, तो curl उसे कभी देखता ही नहीं। request शायद सर्वर तक पहुंची और जवाब में बस ऐसा allow origin header नहीं था जिसे ब्राउज़र मानता, या कोई preflight OPTIONS फेल हुई। network tab में OPTIONS request और उसके response headers देखें, पक्का करें कि allowed origin, methods और headers आपकी कॉल को कवर करते हैं, और याद रखें कि credentials के लिए साफ origin और allow credentials चाहिए, wildcard कभी नहीं।

सबसे पहले मैं यही कहता हूं कि CORS ब्राउज़र का नियम है, सर्वर का नहीं, तो curl का चल जाना मुझे इसके सिवा कुछ नहीं बताता कि endpoint ऊपर है। ब्राउज़र ने request की, या उसके लिए preflight की, और मुझे response देने से मना कर दिया क्योंकि headers ने मेरे origin को इजाज़त नहीं दी। तो मैं network tab खोलकर पहले OPTIONS request ढूंढता हूं। अगर वह मौजूद है और 4xx लौटा रही है, तो preflight ही फेल हो रही है, आमतौर पर इसलिए कि मैंने कोई custom header या JSON content type जोड़ा जिसने इसे सादी request की श्रेणी से बाहर कर दिया, और सर्वर की allowed headers सूची में वह नहीं है। अगर कोई preflight ही नहीं है, तो असली response में मेरे origin से मेल खाता allow origin header गायब है। इलाज सर्वर की तरफ है। स्थानीय development में मैं dev server से proxy कर लेता हूं ताकि मेरा origin मेल खाए, पर मैं यह भी पक्का करता हूं कि असली headers configure हों, वरना staging में टूटेगा। और अगर कॉल cookies भेजती है, तो सर्वर को एक खास origin के साथ allow credentials लौटाना होगा, क्योंकि उस हाल में wildcard ठुकरा दिया जाता है।