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

सभी को नमस्ते! मैं JavaScript में नया हूँ और फ्रंटएंड से दूसरे डोमेन (मौसम API) पर request करने की कोशिश कर रहा हूँ। मेरे पास शुद्ध 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> 'http://localhost:3000' ओरिजिन से 'https://api.example-weather.com/data' पर fetch करने का एक्सेस CORS नीति द्वारा ब्लॉक कर दिया गया है: अनुरोधित संसाधन पर 'Access-Control-Allow-Origin' हेडर मौजूद नहीं है।\n\nमैंने पढ़ा है कि `Access-Control-Allow-Origin` हेडर जोड़ना होता है, लेकिन मुझे समझ नहीं आ रहा कि इसे कहाँ जोड़ूँ: सर्वर पर या क्लाइंट पर? मैंने इसे fetch में इस तरह जोड़ने की कोशिश की: