0

Tengo varios días con un problema de CORS, tengo mi back en un api Rest en Glassfish (JavaEE), y la app Angular consume esa api, evidentemente estan en distintos servidores por lo que es necesaria la sentencia Access-Control-Allow-Origin en las respuestas del Back, pero el unico verbo que me responde es GET, el resto de verbos me devuelven un error como este, en este caso estoy intentando un PUT:

Solicitud de origen cruzado bloqueada: La misma política de origen no permite la lectura de recursos remotos en http://localhost:8080/SupplyChainCinco/api/banco/5. (Razón: Cabecera CORS 'Access-Control-Allow-Origin' no presente)

Si se dan cuenta, los verbos que fallan son todos los que reciben datos en el servidor, estoy utilizando POSTMAN para probar mis apis, en POSTMAN todos los verbos funcionan bien, pero cuando intento utilizar los verbos con Angular entonces me da el error de CORS en todos los verbos que no son GET.

Estoy utilizando HttpClient de Angular5, no estoy utilizando frameworks en el back, estoy utilizando Netbeans.

Por favor alguna idea de que puede estar pasando.

13
  • 2
    Tenes que habilitar CORS en el back. hiciste algo de eso?
    – gbianchi
    Commented el 30 may. 2018 a las 21:58
  • 1
    Postman no tiene las mismas restricciones que el browser, nunca te va a saltar ese error. Si ya añadiste las cabeceras de Access-Control-Allow-Origin a tu backend, comprueba a qué verbos está respondiendo. Es posible que el browser esté enviando un preflight con el verbo OPTIONS y que tu backend sólo acepte GET, POST, PUT y DELETE
    – ffflabs
    Commented el 30 may. 2018 a las 22:14
  • igual para responder esto necesitamos saber si por el lado del front utilizas solo apache u otra herramienta puede que con proxypass por ajp funcione , y habilitando otras cosas Commented el 30 may. 2018 a las 22:19
  • Intenta lo que dice @amenadiel. Probablemente no tengas PUT habilotado.
    – Einer
    Commented el 31 may. 2018 a las 1:48
  • Insisto que lo que no tiene habillitado debe ser OPTIONS. En general HEAD está habilitado por defecto porque es un GET sin body, pero OPTIONS perfectamente puede no estar. Postman no envía un preflight pero podrías comprobarlo poniendo explícitamente OPTIONS en la petición
    – ffflabs
    Commented el 31 may. 2018 a las 11:18

2 respuestas 2

0

Lo que describes apunta a que no tienes habilitado el CORS en la aplicación en el servidor (servicio), esto lo resuelves habilitándolo (obviamente :P), para ello, si estas usando JEE, te puedo remitir a este blog:

La siguiente dependencia in un WAR instala y configura CORS autmaticamente:

<dependency>
  <groupId>com.airhacks</groupId>
  <artifactId>jaxrs-cors</artifactId>
  <version>0.0.2</version>
  <scope>compile</scope>
</dependency>

CORS es un proyecto opensource y licenciado con apache: https://github.com/AdamBien/cors

En caso de no usar Maven, trata de descargar el JAR desde aquí y ponlo en la carpeta lib del Glassfish.

0

El navegador bloquea por defecto las peticiones JS que no proveengan del mismo origin. La solución más sencilla cuando estes en desarrollo es que utilices un plugin para el navegador, en chrome hay uno que se llama CORS, con esto evitas ese error. https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

Cuando tu sitio se vaya a producción deben estar dentro del mismo dominio o configurar el servidor para que acepte peticiones desde el dominio donde va a estar alojado el frontend.

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.