POPRAVAK: Nema pogreške zaglavlja access-control-allow-origin u Angular-u

Jedna od najčešćih poruka pogreške koje se programeri Angular mogu susresti u svakodnevnom radu je: na zatraženom resursu nema zaglavlja access-control-allow-origin.

Ovo nije specifični kutni problem, već CORS (Izdanje zaglavlja Cross-Origin Resource Sharing). To bi moglo značiti da je pozadinski poslužitelj konfiguriran za rad na drugoj luci ili domeni.

---

Kako mogu popraviti pogrešku Bez kontrole pristupa u sustavu Windows 10?

1. Unesite promjene na razini poslužitelja

Ako imate pristup poslužitelju, omogućite CROS zahtjeve dodavanjem Access-Control-Allow-Origin: * Zaglavlje. Nakon toga konfigurirajte cors ulaz, pod system.webServer u web.config datoteku, kao u primjeru u nastavku.

• ”1.0″?
• omogućeno ="pravi">
• podrijetlo =“ https://someorigin.domain.com”>
• metoda ="DOBITI"/>
• metoda ="GLAVA"/>
• </system.webServer>

Ovdje, cors dozvolit će DOBITI i GLAVA zahtjevi od https://someorigin.domain.com/.

Također, ako upotrebljavate IIS (internetske informacijske usluge) trebali biste preuzeti Modul IIS CORS.

Pazite da umjesto * navedete domenu ili popis domena. Inače, zahtjevi za više podrijetla na poslužitelju bili bi omogućeni s bilo kojeg mjesta.

Na Apači, u konfiguracijskoj datoteci morate dodati redak Set zaglavlja Access-Control-Allow-Origin ‘*’. Opet, pametno je zamijeniti ‘*’ popisom izvora odakle bi se upućivali zahtjevi.

---

2. Pokrenite vlastiti proxy poslužitelj

1. Prvo ćemo stvoriti datoteku za konfiguraciju proxyja, u korijenskoj mapi Angular, tzv src / proxy.conf.json, i u njega napišite sljedeći kod:
   • {"/ api":
   • "cilj":" http://localhost: 6000 "," sigurno ": false}
   • }
2. Drugo, u angular.jsondatoteku, dodajte proxyConfigopcija u poslužiti cilj:
   • "poslužiti": {
   • "graditelj":" ",
     
   • "mogućnosti":{"proxyConfig":"src / proxy.conf.json"}
     
   • }
3. Sada pokrenite trenutnu konfiguraciju s ng poslužiti naredba.

Proxy poslužitelj proslijedit će vaše zahtjeve na udaljeni poslužitelj. Dalje, vidjet ćemo kako konfigurirati proxy poslužitelj.

Zahtjevi za podacima u Angular-u su API pozivi localhostu, na portu 4200, poput ovog mjesta:

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

Međutim, u gornjem primjeru pretpostavili smo da su traženi podaci na ovo mjesto:

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

---

Zanimaju vas dobra proxy rješenja? Pogledajte ovaj popis namjenskih alata

---

3. Dmogu se koristiti ista pravila o podrijetlu u vašem pregledniku

Bilješka: ova se posebna metoda ne preporučuje jer to može izložiti vaš preglednik (i vaš sustav) velikim sigurnosnim rizicima.

Ako sve ostalo ne funkcionira, možete pribjeći onemogućavanju Pravila istog podrijetla u pregledniku. No budite oprezni jer bi to vaše preglednik (i vaš sustav) izložilo velikim sigurnosnim rizicima.

Za Google Chrome, u sustavu Windows 10, otvorite Command Prompt kao administrator i pokrenite sljedeću naredbu:

C: Programske datoteke (x86) GoogleChromeApplicationchrome.exe "--disable-web-security --disable-gpu --user-data-dir = ~ / chromeTemp..

U zaključku, na zatraženom resursu nema zaglavlja access-control-allow-origin poruka o pogrešci problem je na poslužitelju.

Za kutne programere izmjena konfiguracije poslužitelja ili upotreba proxy poslužitelja trebala bi funkcionirati sasvim u redu.

Recite nam što mislite o ovom vodiču u odjeljku za komentare u nastavku.

---

---