¿Cómo configuro Angular para enviar los encabezados correctos al realizar solicitudes Ajax de dominio cruzado?

Lo que funcionó para mí:

Después de un día entero de intentar encontrar una respuesta para configurar mi aplicación Angular para que funcione con CORS, ¡finalmente encontré una solución que funciona! Suponiendo que haya configurado el servidor correctamente, lo único que debe hacer en el cliente es eliminar el encabezado predeterminado en la configuración de la aplicación.

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

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

});

El encabezado X-Requested-With identifica la solicitud como una solicitud AJAX y, de forma predeterminada, no se permite el dominio cruzado. ¡Así que todo lo que tenemos que hacer es eliminarlo de nuestra configuración predeterminada y BOOM! Funciona.

Para nuestra aplicación, estamos usando un sistema de reproducción (1.2.5): la línea de código que necesitábamos agregar para hacer que funcionara:

Agregar encabezados para permitir las solicitudes de dominios cruzados. Tenga cuidado, muchos navegadores no admiten estas funciones e ignorarán los encabezados. Consulte la documentación de los navegadores para saber qué versiones los admiten.

Parámetros: allowOrigin una lista separada por comas de dominios autorizados para realizar la llamada x-domain, o ""para todos. allowMethods una lista separada por comas de los métodos HTTP permitidos, o nula para todos. allowCredentials Deje que el navegador envíe las cookies cuando realice una solicitud del dominio x. Solo lo respeta el navegador si allowOrigin! =""

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