كيف يعمل رأس 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> تم حظر الوصول إلى fetch في 'https://api.example-weather.com/data' من المصدر 'http://localhost:3000' بواسطة سياسة CORS: لا يوجد رأس 'Access-Control-Allow-Origin' موجود في المورد المطلوب.\n\nلقد قرأت أنه يجب إضافة رأس `Access-Control-Allow-Origin`، لكنني لا أفهم أين يجب إضافته: على الخادم أم على العميل؟ لقد حاولت إضافته في fetch بهذه الطريقة:\n\n```javascript\nfetch('https://api.example-