लाने के लिए कर्ल: अनुरोध को टर्मिनल से ब्राउज़र तक ले जाना

झंडे कैसे मैप करते हैं

• `-X POST` → `method: "POST"` (या `-d` से विधि का अनुमान लगाएं)।
• `-H "Content-Type: application/json"` → `headers` में एक प्रविष्टि।
• `-d '{"a":1}'` → `body: JSON.stringify(...)`; जब तक आप अन्यथा न कहें, कर्ल इसे फॉर्म-एन्कोडेड भेजता है।
• `--data-binary @file` → एक डोरी के बजाय `Blob`, `FormData` या `ArrayBuffer` शरीर।
• `-u user:pass` → `user:pass` के बेस64 से निर्मित एक `Authorization: Basic …` हेडर।
• `-F name=@file` → `FormData` एक `File` के साथ, इस प्रकार फ़ाइल अपलोड व्यक्त किए जाते हैं।

                await fetch('https://api.example.com/v1/orders', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    Authorization: 'Bearer ' + token,
  },
  body: JSON.stringify({ sku: 'YB-1', qty: 2 }),
});
              

CORS: वह भाग जिसके बारे में कर्ल को कभी सोचना नहीं पड़ा

कर्ल ब्राउज़र के सुरक्षा मॉडल के बाहर चलता है, इसलिए यह उत्तर देने वाले किसी भी होस्ट को कॉल कर सकता है। `fetch` एक पृष्ठ CORS द्वारा बंधा हुआ है: सर्वर को आपकी उत्पत्ति की अनुमति देनी होगी, और साधारण अनुरोधों से परे किसी भी चीज़ के लिए इसे प्रीफ़्लाइट `OPTIONS` का सही उत्तर देना होगा। एक परिवर्तित कमांड जो टर्मिनल में पूरी तरह से काम करता है, ठीक इसी कारण से एक अपारदर्शी नेटवर्क त्रुटि के साथ ब्राउज़र में विफल हो सकता है - और अनुरोध में कोई भी हेडर संपादन इसे ठीक नहीं करेगा, क्योंकि अनुमति सर्वर से आनी होगी।

यदि CORS संदेश के साथ कोई फ़ेच विफल हो जाता है, तो समाधान API या आपके प्रॉक्सी पर है - जावास्क्रिप्ट में नहीं। समस्या से "बचने" के लिए क्लाइंट कोड में कभी भी API कुंजी डालकर काम न करें।

क्रेडेंशियल, रीडायरेक्ट और स्ट्रीमिंग

टर्मिनल से दो और व्यवहार भिन्न हैं। जब तक आप `credentials: "include"` पास नहीं कर लेते, कुकीज़ नहीं भेजी जातीं और सर्वर को वाइल्डकार्ड के बजाय स्पष्ट मूल के साथ प्रतिक्रिया देनी होगी। रीडायरेक्ट का पालन डिफ़ॉल्ट रूप से `redirect: "follow"` के साथ किया जाता है, लेकिन जब तक सर्वर इसे संभाल नहीं लेता, तब तक रीडायरेक्ट मूल में `Authorization` हेडर खो देता है, यही कारण है कि प्रमाणित कॉल के लिए अक्सर `redirect: "manual"` और एक जानबूझकर फ़ॉलो की आवश्यकता होती है। स्ट्रीमिंग प्रतिक्रियाओं को `response.body` से `ReadableStream` के रूप में पढ़ा जाता है, जहां कर्ल प्राप्त होने पर बस प्रिंट करता है।

फ़ेच या एक्सियोस?

`fetch` में बनाया गया है और हर जगह आधुनिक काम करता है; एक्सिओस सुविधा जोड़ता है - स्वचालित JSON पार्सिंग, इंटरसेप्टर, गैर-2xx प्रतिक्रियाओं के लिए एक पठनीय त्रुटि, पुराने रनटाइम में अपलोड प्रगति। एक परिवर्तित कर्ल कमांड किसी के लिए एक विश्वसनीय प्रारंभिक बिंदु है: जेनरेट किए गए विकल्पों को एक्सियोस कॉल में पेस्ट करें और हेडर और बॉडी अपरिवर्तित रहें।

लीक किए बिना कनवर्ट करें

वास्तविक सत्रों से कॉपी किए गए कर्ल कमांड में आमतौर पर लाइव बियरर टोकन, एपीआई कुंजी या सत्र कुकीज़ होती हैं। ब्राउज़र में चलने वाला रूपांतरण उन क्रेडेंशियल्स को आपकी मशीन पर रखता है, जो उस अनुरोध के साथ काम करने का एकमात्र समझदार तरीका है जिसे आपने स्वयं टाइप नहीं किया है।