Jak skonfigurować Angulara, aby wysyłał poprawne nagłówki podczas tworzenia żądań Ajax Cross Domain?

Co dla mnie działało:

Po całym dniu próbowania znalezienia odpowiedzi na pytanie, jak skonfigurować aplikację Angular do pracy z CORS, w końcu wymyśliłem rozwiązanie, które działa! Zakładając, że serwer został skonfigurowany poprawnie - jedyne, co musisz zrobić na kliencie, to usunąć domyślny nagłówek w konfiguracji aplikacji.

angular.module('myApp').config(['$httpProvider', function($httpProvider) {

    delete $httpProvider.defaults.headers.common['X-Requested-With'];

});

Nagłówek X-Requested-With identyfikuje żądanie jako żądanie AJAX - domyślnie domena krzyżowa jest niedozwolona. Wszystko, co musimy zrobić, to usunąć je z naszych ustawień domyślnych i BOOM! To działa.

Dla naszej aplikacji używamy backendu do gry (1.2.5) - Linia kodu, którą musieliśmy dodać, aby ta praca była:

Dodaj nagłówki, aby umożliwić żądania między domenami. Uważaj, wiele przeglądarek nie obsługuje tych funkcji i zignoruje nagłówki. Zapoznaj się z dokumentacją przeglądarek, aby dowiedzieć się, które wersje je obsługują.

Parametry: allowOrigin rozdzielona przecinkami lista domen dozwolonych do wykonywania połączenia w domenie x lub „"dla wszystkich. allowMethods lista dozwolonych przecinkami metod HTTP lub null dla wszystkich. allowCredentials Pozwól przeglądarce wysyłać pliki cookie podczas wykonywania żądania w domenie x. Szanowana przez przeglądarkę tylko, jeśli allowOrigin! =""

Http.Response.current().accessControl("*", "GET,PUT,POST,DELETE,OPTIONS",false);