The 'Access-Control-Allow-Origin' header contains multiple values




Cuando intentamos acceder desde una app Ionic a nuestro api rest que tenemos en un servidor apache local, obtenemos el siguiente error


The 'Access-Control-Allow-Origin' header contains multiple values 'http://localhost:3000, *', but only one is allowed. Origin 'http://localhost:8100' is therefore not allowed access.

Que nos está diciendo que el encabezado 'Access-Control-Allow-Origin' contiene varios valores 'http://localhost:3000', y '*', pero que solo se permite un valor. Por lo tanto, no se permite el acceso al origen 'http://localhost:8100' 


Esto es porque en el .htaccess de nuestro proyecto api rest, volvimos a definir el encabezado 'Access-Control-Allow-Origin', de la siguiente forma

Header add Access-Control-Allow-Origin "*"

Origen 'http: // localhost: 8100' por lo tanto, no se permite el acceso.


Para solucionar esto, debemos comentar en el archivo httpd.conf la siguiente linea:

# Header set Access-Control-Allow-Origin "http://localhost:3000"

Reiniciar el servidor Apache y listo

Comentarios