KORRIGERING: Inget åtkomstkontroll-tillåt-ursprung-rubrikfel i vinkel

Ett av de vanligaste felmeddelanden som kantiga utvecklare kan stöta på i sitt dagliga arbete är: ingen åtkomstkontroll-tillåt-ursprung-rubrik finns på den begärda resursen.

Detta är inte ett specifikt vinkelproblem utan ett CORS (

Huvudproblem med resursdelning mellan olika ursprung. Det kan betyda att back-end-servern är konfigurerad att fungera på en annan port eller domän.

---

Hur fixar jag felet Ingen åtkomstkontroll i Windows 10?

1. Gör ändringar på servernivå

Om du har åtkomst till servern, aktivera CROS-förfrågningar genom att lägga till Åtkomstkontroll-Allow-Origin: * rubrik. Efter det, konfigurera kors post, under system.webServer i web.config filen, som i exemplet nedan.

• ”1.0″?
• aktiverat ="Sann">
• ursprung =“ https://someorigin.domain.com”>
• metod ="SKAFFA SIG"/>
• metod ="HUVUD"/>
• </system.webServer>

Här, kors Kommer tillåta SKAFFA SIG och HUVUD förfrågningar från https://someorigin.domain.com/.

Även om du använder IIS (Internet Information Services) du måste ladda ner IIS CORS-modul.

Var noga med att ange en domän eller en lista med domäner istället för *. I annat fall skulle förfrågningar till servern vara möjliga från var som helst.

På Apache, i konfigurationsfilen måste du lägga till raden Sidhuvud ställde åtkomstkontroll-Allow-Origin '*'. Återigen är det klokt att ersätta '*' med en lista över källor från vilka begärandena skulle göras.

---

2. Kör din egen proxyserver

1. För det första skapar vi en proxykonfigurationsfil, i rotvinkelmappen, kallad src / proxy.conf.json, och skriv följande kod i den:
   • {"/ api":
   • "mål":" http://localhost: 6000 "," säker ": falsk}
   • }
2. För det andra, i angular.jsonfil, lägg till proxyConfigalternativet i tjäna mål:
   • "tjäna": {
   • "byggare":" ",
     
   • "alternativ":{"proxyConfig":"src / proxy.conf.json"}
     
   • }
3. Kör nu den aktuella konfigurationen med ng servera kommando.

En proxyserver vidarebefordrar dina förfrågningar till fjärrservern. Därefter ska vi se hur man konfigurerar en proxyserver.

Förfrågningar om data i Angular är API-samtal till localhost, på port 4200, som den här platsen:

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

I exemplet ovan antog vi dock att de begärda uppgifterna är på denna plats:

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

---

Intresserad av bra proxy-lösningar? Kolla in den här listan över dedikerade verktyg

---

3. Dkan anges samma ursprungspolicy i din webbläsare

Notera: denna speciella metod rekommenderas inte eftersom detta kan utsätta din webbläsare (och ditt system) för stora säkerhetsrisker.

Om allt annat inte fungerar kan du välja att inaktivera samma ursprungspolicy i webbläsaren. Var dock försiktig, eftersom detta skulle utsätta din webbläsare (och ditt system) för stora säkerhetsrisker.

För Google Chrome, i Windows 10, öppna Kommandotolken som administratör och kör följande kommando:

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

Sammanfattningsvis, ingen åtkomstkontroll-tillåt-ursprung-rubrik finns på den begärda resursen felmeddelande är ett serverproblem.

För Angular-utvecklare bör modifiering av serverkonfiguration eller användning av en proxyserver fungera bra.

Berätta för oss vad du tycker om den här guiden i kommentarsektionen nedan.

---

---