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