3

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.

2
  • El problema está en el destino (tomcat), no en el origen (web ionic). Debes configurar la aplicación que corre en el servidor tomcat para que proporcione las cabeceras adecuadas. Si compartes el código java o nos dices si usas algún marco de trabajo MVC podremos guiarte en la configuración. Commented el 4 sept. 2020 a las 11:32
  • Aquí tienes la documentación oficial de Spring: spring.io/guides/gs/rest-service-cors y aquí tienes un pequeño ejemplo si usas Jersey para exportar un API JAX-RS: gist.github.com/yunspace/36b0546245c5348a34ed Commented el 4 sept. 2020 a las 11:42

1 respuesta 1

4

Siguiendo la respuesta de @OscarGarcia, he leído un poco la documentación de tomcat.

He añadido en el archivo web.xml del servidor Tomcat lo siguiente:

<filter>
  <filter-name>CorsFilter</filter-name>
  <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
  <init-param>
    <param-name>cors.allowed.origins</param-name>
    <param-value>http://localhost:8100</param-value>
  </init-param>
</filter>

<filter-mapping>
  <filter-name>CorsFilter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>

Y ya no recibo ese error.

1
  • Te llevas mi +1. Puedes seleccionar tu propia respuesta como la correcta pulsando en el icono que hay a la izquierda de tu respuesta. Commented el 26 oct. 2020 a las 8:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.