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

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. Provádějte změny na úrovni serveru

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

• ”1.0″?
• povoleno ="skutečný">
• původ =“ https://someorigin.domain.com”>
• metoda ="DOSTAT"/>
• metoda ="HLAVA"/>
• </system.webServer>

Tady, cors 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 Modul IIS CORS.

Dávejte pozor, abyste místo * zadali doménu nebo seznam domén. Jinak by se požadavky křížového původu na server povolily odkudkoli.

Na Apache, v konfiguračním souboru musíte přidat řádek Sada 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:
   • {"/ api":
   • "cílová":" http://localhost: 6000 "," zabezpečené ": false}
   • }
2. Zadruhé, v angular.jsonsoubor, přidejte proxyConfigmožnost v sloužit cílová:
   • "sloužit": {
   • "stavitel":" ",
     
   • "možnosti":{„proxyConfig“:„src / proxy.conf.json“}
     
   • }
3. Nyní spusťte aktuální konfiguraci pomocí ng sloužit příkaz.

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

Požadavky na data v Angular jsou volání API na 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 stejné zásady 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) GoogleChromeApplicationchrome.exe "--disable-web-security --disable-gpu --user-data-dir = ~ / chromeTemp..

Závěrem, 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.

---

---