Avatar ·

JavaScript में CORS त्रुटि क्यों होती है, जबकि Postman में अनुरोध काम करता है? समझते हैं

सभी को नमस्कार! मैं एक शुरुआती फ्रंटएंड डेवलपर हूँ, और मुझे एक समस्या का सामना करना पड़ रहा है जो मुझे असमंजस में डाल रही है। मैं शुद्ध JavaScript में एक सरल वेब एप्लिकेशन लिख रहा हूँ। मुझे कुछ डेटा प्राप्त करने के लिए एक तृतीय-पक्ष API (उदाहरण के लिए, https://api.example.com/data) पर POST अनुरोध भेजना है। ब्राउज़र कंसोल में मुझे यह त्रुटि दिखती है:
Access to fetch at 'https://api.example.com/data' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
यह रहा मेरा कोड:
fetch('https://api.example.com/data', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({ key: 'value' })
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('त्रुटि:', error));
लेकिन सबसे अजीब बात यह है: जब मैं इसी URL, विधि और अनुरोध बॉडी को Postman में कॉपी करता हूँ, तो सब कुछ पूरी तरह से काम करता है! Postman अपेक्षित परिणाम लौटाता है।