No ‘Access-Control-Allow-Origin’ header is present

CORS hiba: állítsd be a szerveren Access-Control-Allow-Origin fejlécet a kért domain engedélyezéséhez.

No Access-Control-Allow-Origin

Hibaüzenet

No 'Access-Control-Allow-Origin' header is present

Hibás kód

fetch('https://api.example.com/data');

Javított kód

// Szerver oldalon:
// res.setHeader('Access-Control-Allow-Origin', '*');
fetch('https://api.example.com/data');

Magyarázat

No ‘Access-Control-Allow-Origin’ header is present hiba akkor jelentkezik, amikor egy böngészőben futó weboldal egy másik domainről próbál adatot kérni, de a cél API nem küld vissza CORS fejlécet. A böngésző biztonsági okokból blokkolja a kérést, és a konzolban ezt a hibaüzenetet jeleníti meg. A megoldás, hogy a szerveroldalon beállítod az Access-Control-Allow-Origin fejlécet, például res.setHeader('Access-Control-Allow-Origin', 'https://teoldalad.hu'), vagy wildcard (*) használata fejlesztéskor. Ezzel a böngésző engedélyezni fogja a kérést.

További információk: MDN – CORS