FIX: Nu există eroare antet acces-control-permis-origine în Angular

Unul dintre cele mai frecvente mesaje de eroare pe care dezvoltatorii angulari le pot întâlni în activitatea lor de zi cu zi este:

nu există antet acces-control-permisiune-origine prezent pe resursa solicitată.

Aceasta nu este o problemă unghiulară specifică, ci un CORS (Problemă antet Cross-Origin Resource Sharing). Ar putea însemna că serverul back-end este configurat să funcționeze pe un alt port sau domeniu.

---

Cum remediez eroarea Fără control acces pe Windows 10?

1. Efectuați modificări la nivel de server

Dacă aveți acces la server, activați cererile CROS adăugând Acces-Control-Permite-Origine: * antet. După aceea, configurați cors intrare, sub system.webServer în web.config ca în exemplul de mai jos.

• ”1.0″?
• activat ="Adevărat">
• origine =“ https://someorigin.domain.com”>
• metoda ="OBȚINE"/>
• metoda ="CAP"/>
• </system.webServer>

Aici, cors va permite OBȚINE și CAP solicitări de la https://someorigin.domain.com/.

De asemenea, dacă utilizați IIS (Internet Information Services) ar trebui să descărcați Modulul IIS CORS.

Aveți grijă să specificați un domeniu sau o listă de domenii în loc de *. În caz contrar, solicitările de origine încrucișată către server ar fi activate de oriunde.

Pe Apache, în fișierul de configurare, trebuie să adăugați linia Set antet Access-Control-Allow-Origin ‘*’. Din nou, este înțelept să înlocuiți „*”, cu o listă de surse din care s-ar face solicitările.

---

2. Rulați propriul server proxy

1. În primul rând, vom crea un fișier de configurare proxy, numit în folderul Angular rădăcină src / proxy.conf.json, și scrieți în el următorul cod:
   • {"/ api":
   • "ţintă":" http://localhost: 6000 "," securizat ": fals}
   • }
2. În al doilea rând, în angular.jsonfișier, adăugați fișierul proxyConfigopțiune în servi ţintă:
   • "servi": {
   • "constructor":" ",
     
   • "Opțiuni":{„proxyConfig”:"src / proxy.conf.json"}
     
   • }
3. Acum executați configurația curentă cu servește comanda.

Un server proxy va redirecționa cererile dvs. către serverul de la distanță. În continuare, vom vedea cum se configurează un server proxy.

Solicitările de date în Angular sunt apeluri API către localhost, pe portul 4200, cum ar fi această locație:

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

Cu toate acestea, în exemplul de mai sus, am presupus că datele solicitate sunt la această locație:

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

---

Vă interesează soluții proxy bune? Consultați această listă de instrumente dedicate

---

3. Dse poate aplica aceeași politică de origine în browserul dvs.

Notă: această metodă specială nu este recomandată, deoarece aceasta poate expune browserul (și sistemul dvs.) la riscuri majore de securitate.

Dacă orice altceva nu funcționează, puteți recurge la dezactivarea politicii privind aceeași origine în browser. Cu toate acestea, aveți grijă, deoarece acest lucru ar expune browserul (și sistemul dvs.) la riscuri majore de securitate.

Pentru Google Chrome, în Windows 10, deschideți Command Prompt ca administrator și rulați următoarea comandă:

C: Fișiere de program (x86) GoogleChromeApplicationchrome.exe "--disable-web-security --disable-gpu --user-data-dir = ~ / chromeTemp..

În concluzie, nu există antet acces-control-permisiune-origine prezent pe resursa solicitată mesajul de eroare este o problemă de partea serverului.

Pentru dezvoltatorii Angular, modificarea configurației serverului sau utilizarea unui server proxy ar trebui să funcționeze foarte bine.

Spuneți-ne ce părere aveți despre acest ghid în secțiunea de comentarii de mai jos.

---

---