Avatar ·

Access-Control-Allow-Origin हेडर कैसे काम करता है और CORS त्रुटि को कैसे ठीक करें?

सभी को नमस्ते! मैं JavaScript में नया हूँ और फ्रंटएंड से दूसरे डोमेन (मौसम API) पर रिक्वेस्ट करने की कोशिश कर रहा हूँ। मेरे पास शुद्ध JS में सरल कोड है:\n\n```javascript\nfetch('https://api.example-weather.com/data')\n .then(response => response.json())\n .then(data => console.log(data))\n .catch(error => console.error('त्रुटि:', error));\n```\n\nलेकिन ब्राउज़र कंसोल में मुझे यह त्रुटि दिखती है:\n\n> Access to fetch at 'https://api.example-weather.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.\n\nमैंने पढ़ा है कि `Access-Control-Allow-Origin` हेडर जोड़ना आवश्यक है, लेकिन मुझे समझ नहीं आ रहा कि इसे कहाँ जोड़ें: सर्वर पर या क्लाइंट पर? मैंने इसे fetch में इस तरह जोड़ने की कोशिश की:\n\n```javascript