Habilité CORS para mi proyecto de API web antes de implementarlo en IIS local. Sin embargo, cuando intento llamar a un método de controlador desde Angular, aparece el siguiente error:
SEC7128: No se permiten múltiples encabezados Access-Control-Allow-Origin para la respuesta CORS.
Para habilitar CORS en mi API web, agregué esta línea de código a WebApi.config:
config.EnableCors();También agregué este atributo a mi clase de controlador:
[EnableCors(origins: "http://localhost:53720", headers: "*", methods: "*")]Al igual que el error, dice que el encabezado no está permitido. Para permitir ese encabezado, debe agregar el encabezado:
Acceso-Control-Permitir-Encabezados
En los que necesitas aportar valor:
Acceso-Control-Permitir-Origen
Además de eso, también debe agregar otros nombres de encabezado, que desea usar en sus respuestas.
Por ejemplo, si desea utilizar el encabezado MyAwesomeHeader :
{"Access-Control-Allow-Headers": "Access-Control-Allow-Origin, MyAwesomeHeader"}
"*" como Access-Control-Allow-Origin no funciona bien para todos los navegadores. Para poder llamar a la API web desde cualquier sitio, se puede tomar el encabezado de solicitud HTTP de Origin como un único origen permitido, copiándolo en Access-Control-Allow-Origin . Esto se puede hacer siguiendo el middleware OWIN:
class CORSAnyOriginMiddleware : OwinMiddleware { const string OriginHeader = "Origin"; const string AllowOriginHeader = "Access-Control-Allow-Origin"; public CORSAnyOriginMiddleware(OwinMiddleware next) : base(next) { } public override async Task Invoke(IOwinContext context) { await Next.Invoke(context); if (context.Response?.Headers?.ContainsKey(AllowOriginHeader) ?? false && (context.Request?.Headers?.ContainsKey(OriginHeader) ?? false)) context.Response.Headers[AllowOriginHeader] = context.Request.Headers[OriginHeader]; } } Ejemplo de uso (dentro Startup.Configuration(IAppBuilder appBuilder) ):
appBuilder.Use<CORSAnyOriginMiddleware>();Logré resolverlo eliminando esta línea de mi web.config:
<add name="Access-Control-Allow-Origin" value="*" />