UPDATE: Kein Header-Fehler für Zugriffssteuerung und zulässigen Ursprung in Angular

Update Kein Header Fehler Fur Zugriffssteuerung Und Zulassigen Ursprung In Angular


  • Angular ist eine der besten Plattformen für die Entwicklung von Webanwendungen.
  • Der folgende Artikel behandelt die Kein Header für Zugriffskontrolle-Zulassungsursprung Error.
  • Weitere Fragen zu diesem Thema finden Sie in unsererProgrammiertipps Hub.
  • Unsere Website hat auch einededizierte Seite für Entwicklertoolsauch.
Beheben Sie Winkelprobleme Um verschiedene PC-Probleme zu beheben, empfehlen wir das Restoro PC Repair Tool: Diese Software repariert häufig auftretende Computerfehler, schützt Sie vor Dateiverlusten, Malware und Hardwarefehlern und optimiert Ihren PC für maximale Leistung. Beheben Sie PC-Probleme und entfernen Sie Viren jetzt in drei einfachen Schritten:
  1. Laden Sie das Restoro PC Repair Tool herunter das kommt mit patentierten Technologien (Patent verfügbar Hier ).
  2. Klicken Scan starten um Windows-Probleme zu finden, die PC-Probleme verursachen könnten.
  3. Klicken Alles reparieren um Probleme zu beheben, die die Sicherheit und Leistung Ihres Computers beeinträchtigen
  • Restoro wurde von heruntergeladen0Leser diesen Monat.

Eine der häufigsten Fehlermeldungen, auf die Angular-Entwickler bei ihrer täglichen Arbeit stoßen können, ist: In der angeforderten Ressource ist kein Header für Zugriffssteuerungsgenehmigung vorhanden .

Dies ist kein spezifisches Winkelproblem, sondern ein CORS (Header-Problem bei Cross-Origin Resource Sharing). Dies kann bedeuten, dass der Back-End-Server für die Arbeit an einem anderen Port oder einer anderen Domäne konfiguriert ist.


Wie behebe ich den Fehler Keine Zugriffskontrolle unter Windows 10?

1. Nehmen Sie Änderungen auf Serverebene vor

Wenn Sie Zugriff auf den Server haben, aktivieren Sie CROS-Anforderungen durch Hinzufügen Zugriffskontrolle-Zulassen-Ursprung: * Header. Danach konfigurieren Herzen Eintrag, unter system.webServer im web.config Datei, wie im folgenden Beispiel.



  • enabled ='wahr'>
  • Herkunft ='Https://someorigin.domain.com'>
  • Methode ='BEKOMMEN' />
  • Methode ='KOPF' />
  • </system.webServer>

Hier, Herzen erlaubt BEKOMMEN und KOPF Anfragen von https://someorigin.domain.com/ .

Auch wenn Sie verwendenIIS (Internetinformationsdienste)Sie müssten herunterladen IHR UNTERNEHMEN Modul .

Achten Sie darauf, anstelle von * eine Domain oder eine Liste von Domains anzugeben. Andernfalls werden originensübergreifende Anforderungen an den Server von überall aus aktiviert.

AufApacheIn der Konfigurationsdatei müssen Sie die Zeile hinzufügen Header-Set Access-Control-Allow-Origin ‘*’. Auch hier ist es ratsam, das '*' durch eine Liste von Quellen zu ersetzen, aus denen die Anfragen gestellt würden.


2. Führen Sie Ihren eigenen Proxyserver aus

  1. Zunächst erstellen wir eine Proxy-Konfigurationsdatei im Stammverzeichnis Angular mit dem Namen src / proxy.conf.json , und schreiben Sie den folgenden Code hinein:
    • {'/Feuer':
    • 'Ziel': 'http: // localhost: 6000', 'sicher': falsch}
    • }}
  2. Zweitens in der ang ular.json Datei, fügen Sie die proxyConfig Option in der Dienen Ziel:
    • 'Dienen':{
    • 'Baumeister':: '',
    • 'Optionen':: { 'proxyConfig':: 'src / proxy.conf.json' }}
    • }}
  3. Führen Sie nun die aktuelle Konfiguration mit dem aus zu dienen Befehl.

Ein Proxyserver leitet Ihre Anforderungen an den Remote-Server weiter. Als nächstes werden wir sehen, wie ein Proxyserver konfiguriert wird.

Datenanforderungen in Angular sind API-Aufrufe an localhost an Port 4200 wie diesen Speicherort:

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

Im obigen Beispiel haben wir jedoch angenommen, dass die angeforderten Daten bei sind dieser Ort:

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

Interessiert an guten Proxy-Lösungen? Schauen Sie sich diese Liste dedizierter Tools an


3. D.ist die gleiche Ursprungsrichtlinie in Ihrem Browser

Hinweis: Diese spezielle Methode wird nicht empfohlen, da dies Ihren Browser (und Ihr System) erheblichen Sicherheitsrisiken aussetzen kann.

Wenn alles andere nicht funktioniert, können Sie die Same Origin-Richtlinie im Browser deaktivieren. Seien Sie jedoch vorsichtig, da dies Ihren Browser (und Ihr System) großen Sicherheitsrisiken aussetzen würde.

ZumGoogle ChromeÖffnen Sie unter Windows 10 die Eingabeaufforderung als Administrator und führen Sie den folgenden Befehl aus:

C: Programme (x86) Google Chrome Application chrome.exe '--disable-web-security --disable-gpu --user-data-dir = ~ / chromeTemp. .

Abschließend, In der angeforderten Ressource ist kein Header für Zugriffssteuerungsgenehmigung vorhanden Die Fehlermeldung ist ein serverseitiges Problem.

Für Angular-Entwickler sollte das Ändern der Serverkonfiguration oder die Verwendung eines Proxyservers problemlos funktionieren.

Sagen Sie uns Ihre Meinung zu diesem Handbuch im Kommentarbereich unten.


FAQ: Erfahren Sie mehr über die Winkelentwicklung

  • Wie behebe ich die Zugriffskontrolle, um Origin-Fehler zuzulassen?

Eine Möglichkeit, dieses Problem zu beheben, besteht darin, einen Proxyserver zu verwenden. Wenn Sie Probleme beim Herstellen einer Verbindung zu einem Proxyserver haben, lesen Sie dies bittevollständige Anleitung.

  • Was ist Angular JS?

AngularJS ist ein JavaScript-basiertes Front-End-Webframework, das Open Source ist. Die neueste Version des Javascript-Codes finden Sie unterDieser Artikel.

  • Wie können Sie keine Zugriffssteuerungsfehlermeldung in Angular lösen?

Aktivieren Sie CORS auf Serverebene und fügen Sie die Domäne, die die Anforderung stellt, zur Liste der zulässigen Domänen hinzu.