Warum funktioniert die clientseitige CORS-Konfiguration meiner AngularJS-App nicht?

CORS-Konfigurationsrätsel in AngularJs

CORS (Cross-Origin Resource Sharing) ermöglicht den Zugriff auf JavaScript von einem Ursprung (z. B. Ihrer Website). Ressourcen von einem anderen Ursprung (z. B. einer API). Es muss jedoch auf der Serverseite aktiviert sein.

Die von Ihnen angegebene Konfiguration versucht, CORS auf der Clientseite zu aktivieren, ist jedoch wirkungslos. Die folgenden Codeausschnitte veranschaulichen, was Sie versucht haben:

myApp.config(function($httpProvider) {
  $httpProvider.defaults.useXDomain = true;
  delete $httpProvider.defaults.headers.common['X-Requested-With'];
});

myApp.service('dataService', function($http) {
    delete $http.defaults.headers.common['X-Requested-With'];
    ...
});

Diese Konfiguration ermöglicht ursprungsübergreifende Anforderungen, schlägt jedoch fehl, da der Server mit entsprechenden CORS-Headern antworten muss, um die Berechtigung zu erteilen.

Die Fehlermeldung „XMLHttpRequest kann die URL nicht laden. Ursprung durch Access-Control-Allow-Origin nicht zugelassen“ weist darauf hin, dass in der Antwort des Servers die erforderlichen CORS-Header fehlen. Um das Problem zu beheben, müssen Sie CORS auf dem Server konfigurieren, der die API hostet, auf die Sie zugreifen möchten.

Die bereitgestellten Links erläutern die clientseitige CORS-Behandlung, die in Ihrem Fall nicht anwendbar ist. Der Server muss CORS implementieren, um den Zugriff auf seine Ressourcen von einem anderen Ursprung aus zu ermöglichen.

Das obige ist der detaillierte Inhalt vonWarum funktioniert die clientseitige CORS-Konfiguration meiner AngularJS-App nicht?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!