Oprava: Žádná chyba záhlaví access-control-allow-origin v Angular

Jiný

Fix No Access Control Allow Origin Header Error Angular

  • Angular je jednou z nejlepších platforem pro vývoj webových aplikací.
  • Následující článek se bude zabývat Žádná hlavička access-control-allow-origin chyba.
  • Další otázky týkající se tohoto tématu najdete v našem Centrum programovacích tipů .
  • Naše webové stránky mají také vyhrazená stránka pro vývojářské nástroje také.
Opravte úhlové problémy Chcete-li vyřešit různé problémy s počítačem, doporučujeme nástroj Restoro PC Repair Tool: Tento software opraví běžné chyby počítače, ochrání vás před ztrátou souborů, malwarem, selháním hardwaru a optimalizuje váš počítač pro maximální výkon. Opravte problémy s počítačem a odstraňte viry nyní ve 3 snadných krocích:
  1. Stáhněte si Restoro PC Repair Tool který je dodáván s patentovanými technologiemi (patent k dispozici tady ).
  2. Klepněte na Začni skenovat najít problémy se systémem Windows, které by mohly způsobovat problémy s počítačem.
  3. Klepněte na Opravit vše opravit problémy ovlivňující zabezpečení a výkon vašeho počítače
  • Restoro byl stažen uživatelem0čtenáři tento měsíc.

Jednou z nejčastějších chybových zpráv, se kterými se mohou úhloví vývojáři setkat při každodenní práci, je: na požadovaném prostředku není záhlaví access-control-allow-origin .



Nejedná se o konkrétní úhlový problém, ale o CORS (Cross-Origin Resource Sharing). Mohlo by to znamenat, že server typu back-end je nakonfigurován pro práci na jiném portu nebo doméně.

Jak mohu opravit chybu Žádná kontrola přístupu ve Windows 10?

1. Proveďte změny na úrovni serveru

Pokud máte přístup k serveru, povolte CROS požadavky přidánímAccess-Control-Allow-Origin: *záhlaví. Poté nakonfigurujte srdce vstup, pod system.webServer v web.config soubor, jako v příkladu níže.



  • povoleno ='skutečný'>
  • původ =„Https://someorigin.domain.com“>
  • metoda ='DOSTAT' />
  • metoda ='HLAVA' />
  • </system.webServer>

Tady, srdce umožní DOSTAT a HLAVA žádosti od https://someorigin.domain.com/ .

Také pokud používáte IIS (internetová informační služba) budete muset stáhnout JEJICH SPOLEČNOST modul .



Dávejte pozor, abyste místo * zadali doménu nebo seznam domén. Jinak by požadavky na křížový původ na server byly povoleny odkudkoli.

Na Apache , v konfiguračním souboru musíte přidat řádekSada hlaviček Access-Control-Allow-Origin „*“.Znovu je rozumné nahradit znak „*“ seznamem zdrojů, ze kterých budou žádosti vzneseny.

2. Spusťte vlastní server proxy

  1. Nejprve vytvoříme konfigurační soubor proxy v kořenové složce Angular s názvem src / proxy.conf.json ,a napište do něj následující kód:
    • {'/oheň':
    • 'target': 'http: // localhost: 6000', 'secure': false}
    • }
  2. Zadruhé, v ang ular.json soubor, přidejte proxyConfig možnost vsloužitcílová:
    • ''sloužit„:{
    • 'stavitel': '',
    • 'možnosti': { 'proxyConfig': „src / proxy.conf.json“ }
    • }
  3. Nyní spusťte aktuální konfiguraci pomocísloužitpříkaz.

Server proxy předá vaše požadavky na vzdálený server. Dále uvidíme, jak nakonfigurovat proxy server.



jak zajistit lepší provoz astronautů

Požadavky na data v Angular jsou volání API localhost na portu 4200, jako je toto umístění:

  • http: // localhost: 4200 / api / datareq.

Ve výše uvedeném příkladu jsme však předpokládali, že požadovaná data jsou na toto umístění:

  • http: // localhost: 6000 / api / datareq.

Máte zájem o dobrá proxy řešení? Podívejte se na tento seznam specializovaných nástrojů

3. Dve svém prohlížeči povolte zásady stejného původu

Poznámka: tato konkrétní metoda se nedoporučuje, protože to může váš prohlížeč (a váš systém) vystavit velkým bezpečnostním rizikům.

Pokud vše ostatní nefunguje, můžete se uchýlit k deaktivaci zásad stejného původu v prohlížeči. Buďte však opatrní, protože by to váš prohlížeč (a váš systém) vystavilo velkým bezpečnostním rizikům.

Pro Google Chrome , ve Windows 10 otevřete příkazový řádek jako správce a spusťte následující příkaz:

C: Program Files (x86) Google Chrome Application chrome.exe '--disable-web-security --disable-gpu --user-data-dir = ~ / chromeTemp. .

Na závěr, na požadovaném prostředku není záhlaví access-control-allow-origin chybová zpráva je problém na straně serveru.

Pro vývojáře Angular by úprava konfigurace serveru nebo použití serveru proxy měla fungovat dobře.

Řekněte nám, co si myslíte o tomto průvodci, v sekci komentářů níže.

FAQ: Zjistěte více o úhlovém vývoji

  • Jak mohu opravit kontrolu přístupu umožňující chybu původu?

Jedním ze způsobů, jak tento problém vyřešit, je použití serveru proxy. Pokud máte potíže s připojením k serveru proxy, přečtěte si toto kompletní průvodce .

  • Co je Angular JS?

AngularJS je front-endový webový rámec založený na JavaScriptu, který je open-source. Pro nejnovější verzi kódu Javascript přejděte na tento článek .

  • Jak vyřešíte v Angular chybovou zprávu bez kontroly přístupu?

Povolte CORS na úrovni serveru a přidejte doménu, která požadavek dělá, do seznamu povolených domén.

bezdrátový adaptér nebo přístupový bod