FIX: Ingen adgangskontrol-tillad oprindelses-headerfejl i vinkel

En af de mest almindelige fejlmeddelelser, som kantede udviklere kan støde på i deres daglige arbejde er: ingen adgangskontrol-tillad oprindelsesoverskrift til stede på den anmodede ressource.

Dette er ikke et specifikt kantet problem, men et CORS (

Cross-Origin Resource Sharing) headerproblem. Det kan betyde, at back-end-serveren er konfigureret til at arbejde på en anden port eller et andet domæne.

---

Hvordan løser jeg fejlen Ingen adgangskontrol på Windows 10?

1. Foretag ændringer på serverniveau

Hvis du har adgang til serveren, skal du aktivere CROS-anmodninger ved at tilføje Adgangskontrol-Tillad oprindelse: * header. Konfigurer derefter kors post, under system.webServer i web.config fil, som i eksemplet nedenfor.

• ”1.0″?
• aktiveret ="rigtigt">
• oprindelse =“ https://someorigin.domain.com”>
• metode ="FÅ"/>
• metode ="HOVED"/>
• </system.webServer>

Her, kors vil tillade FÅ og HOVED anmodninger fra https://someorigin.domain.com/.

Også, hvis du bruger IIS (Internet Information Services) skal du downloade IIS CORS-modul.

Vær omhyggelig med at angive et domæne eller en liste over domæner i stedet for *. Ellers ville krydsoprindelsesanmodninger til serveren være aktiveret hvor som helst.

På Apache, i konfigurationsfilen skal du tilføje linjen Sidehovedssæt Adgangskontrol-Tillad oprindelse '*'. Igen er det klogt at erstatte '*' med en liste over kilder, hvorfra anmodningerne ville blive fremsat.

---

2. Kør din egen proxyserver

1. For det første opretter vi en proxykonfigurationsfil i den rodmappe, der kaldes src / proxy.conf.json, og skriv følgende kode i den:
   • {"/ api":
   • "mål":" http://localhost: 6000 "," sikker ": falsk}
   • }
2. For det andet i angular.jsonfil, tilføj proxyConfigindstilling i tjene mål:
   • "tjene": {
   • "Bygger":" ",
     
   • "muligheder":{"proxyConfig":"src / proxy.conf.json"}
     
   • }
3. Kør nu den aktuelle konfiguration med ng server kommando.

En proxyserver videresender dine anmodninger til fjernserveren. Dernæst skal vi se, hvordan man konfigurerer en proxyserver.

Anmodninger om data i Angular er API-opkald til localhost, på port 4200, som denne placering:

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

I eksemplet ovenfor antog vi imidlertid, at de ønskede data er på denne placering:

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

---

Er du interesseret i gode proxy-løsninger? Tjek denne liste over dedikerede værktøjer

---

3. Dkan ses som den samme oprindelsespolitik i din browser

Bemærk: denne særlige metode anbefales ikke, da dette kan udsætte din browser (og dit system) for store sikkerhedsrisici.

Hvis alt andet ikke fungerer, kan du ty til at deaktivere samme oprindelsespolitik i browseren. Vær dog forsigtig, da dette udsætter din browser (og dit system) for store sikkerhedsrisici.

Til Google Chromei Windows 10 skal du åbne kommandoprompt som administrator og køre følgende kommando:

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

Afslutningsvis, ingen adgangskontrol-tillad oprindelsesoverskrift til stede på den anmodede ressource fejlmeddelelse er et server-side problem.

For Angular-udviklere skal ændring af serverkonfiguration eller brug af en proxyserver fungere fint.

Fortæl os hvad du synes om denne vejledning i kommentarfeltet nedenfor.

---

---