حل أيرور الكورس: Blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present في Node.js / Express

يا جماعة أنا شغال على ابلكيشن React في الـ Frontend وبيشتغل على البورت http://localhost:3000 وبحاول أبعث طلب POST أو GET لـ API معمول بـ Node.js / Express شغال على بورت مختلف http://localhost:5000. المطلوب: جلب البيانات من الـ Backend وعرضها في الـ Frontend عادي جداً. المشكلة اللي مقابلاني: الطلب بيفشل والـ Console في المتصفح بيطلعلي الشريط الأحمر الشهير ده: Access to fetch at 'http://localhost:5000/api/data' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. مع إن السيرفر شغال تمام ولما بفتح الـ URL من المتصفح مباشرة أو من Postman البيانات بترجع عادي بدون أي مشكلة، المشكلة بتحصل بس لما بطلب البيانات من كود الـ React! كود السيرفر في Node.js (server.js):

const express = require('express');
const app = express();

app.use(express.json());

// السطر/الإعداد المفقود هنا هو السبب في منع المتصفح للطلبات الخارجية

app.get('/api/data', (req, res) => {
    res.json({ message: "البيانات رجعت بنجاح!" });
});

app.listen(5000, () => {
    console.log('Server running on port 5000');
});