Estoy trabajando en una aplicación de ionic, el motor es un tomcat 9 que por ahora tenemos en local.
Con npm start
podíamos probar esos servicios que comunican motor con interfaz pero ahora que estamos ejecutando la aplicación en el dispositivo, en el momento que llega a la ejecución de algún servicio nos lanza el error de CORS siguiente:
Access to XMLHttpRequest at 'http://localhost:8085/recin-server/LoginServlet' from origin 'http://localhost:8100' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Servicio.ts
import { Injectable } from '@angular/core';
import { HttpHeaders, HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class HttpService {
private url = 'http://localhost:8085/recin-server/LoginServlet';
// Http Headers
headers: HttpHeaders = new HttpHeaders({
Accept: "application/json",
"Content-Type": "application/json; charset='utf-8'",
'Access-Control-Allow-Origin': '*',
'Authorization': 'authkey',
});
constructor(public http: HttpClient) {
console.log("Servicio login listo");
}
postLogin(login): Observable<any> {
return this.http.post(`${this.url}`, login, { headers: this.headers });
}
}
Hemos intentado enviar en la cabecera del servicio el 'Access-Control-Allow-Origin': '*','Authorization': 'authkey',
sin éxito.
He leído que se puede modificar el servidor para que permita diferentes url, pero no sé qué tengo que añadir ni dónde.