Wie aktiviere ich Cross-Origin Resource Sharing (CORS) für meine AngularJS-Anwendung?

Cross-Origin Resource Sharing (CORS) in AngularJS

CORS-Übersicht

CORS ermöglicht einen Webbrowser, um eine Anfrage an eine andere Domäne zu stellen als die, die das Skript bereitgestellt hat. Dies ist erforderlich, wenn auf Ressourcen von einer reinen HTTP-Domäne zugegriffen wird oder wenn der Browser ein anderes Protokoll (z. B. HTTPS) verwendet.

CORS in AngularJS aktivieren

CORS kann nicht direkt in AngularJS aktiviert werden. Stattdessen muss der Server, der die angeforderten Ressourcen hostet, CORS implementieren. Der Server muss in seiner Antwort die folgenden HTTP-Header senden:

• Access-Control-Allow-Origin: Der Ursprung der Website, die die Anfrage stellen darf.
• Access- Control-Allow-Methods: Die HTTP-Methoden, die für die Anfrage zulässig sind.
• Access-Control-Allow-Headers: Die HTTP-Header, die in der zulässig sind Anfrage.

Serverseitige Implementierung

Die serverseitige Implementierung von CORS hängt vom verwendeten Framework ab. In PHP kann beispielsweise der folgende Code zur .htaccess-Datei hinzugefügt werden:

Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Methods "GET, POST, OPTIONS"
Header set Access-Control-Allow-Headers "Content-Type, Authorization"

Zusätzliche Überlegungen

• Stellen Sie sicher, dass der Authorization-Header vorhanden ist im Access-Control-Allow-Headers-Antwortheader auf dem Server zulässig.
• Der Browser sendet automatisch eine Preflight-Anfrage (OPTIONEN) vor dem Absenden der eigentlichen Anfrage. Der Server muss auf diese Preflight-Anfrage mit den entsprechenden HTTP-Headern antworten.
• Weitere Informationen finden Sie in der CORS-Spezifikation.

Fazit

Das Aktivieren von CORS in AngularJS erfordert die Zusammenarbeit des Servers, der die angeforderten Ressourcen hostet. Durch die Implementierung von CORS auf dem Server können Websites Zugriff auf Ressourcen aus verschiedenen Domänen und Protokollen gewähren.

Das obige ist der detaillierte Inhalt vonWie aktiviere ich Cross-Origin Resource Sharing (CORS) für meine AngularJS-Anwendung?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!