Tengo un servidor REST para consultas a una base de datos corriendo en PHP, el cual vía GET se pueden consultar varios datos en formato JSON.
Anteriormente existía un cliente en otro servidor escrito en Javascript + JQuery, por lo que necesitaba usar CORS para conectarme a dicho servidor. En ese momento solo hacía falta agregar las siguientes líneas a la página PHP:
<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json");
Ahora estoy migrando el cliente a Angular2, pero resulta que al intentar conectarme al mismo servidor rechaza las peticiones CORS.
En principio creo que es del lado del servidor más que del cliente, pero ¿por qué si antes funcionaba ahora dejó de funcionar para Angular2?.
Las peticiones angular son de este tipo:
let headers = new Headers({ 'Content-Type': 'application/json' });
let options = new RequestOptions({ headers: headers });
let url = this.apiHost + '/servicios/';
return this.http.get(url, options).map(response => response.json());
XMLHttpRequest cannot load http://myserver/datos.php Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin.
(Nota la url del server esta modificada a propósito.)