1

hace días que estoy intentando solucionar el famoso problema de orígenes cruzados (CORS) en mi servicio Spring.

Anteriormente en métodos GET con simplemente agregarla anotación @CrossOrigin(origin = "*") en la declaración de mi clase Controller ya se solucionaba.

El problema me volvió a aparecer al momento de utilizar un método PUT. Desde mi front-end (hecho en Angular 7) le envió un JSON a mi controller, el cual posee nuevamente @CrossOrigin(origins = "*") declarado, pero aún así el browser insiste con que no puede realizarse la petición.

Intente colocando @CrossOrigin(origins= "http://localhost:4200", allowedHeaders = "*") tanto a nivel de clase como a nivel de método. Intente colocarle un proxy a mi frontEnd y tampoco funciono.

Intenté hasta cambiando de PUT a POST e indicarle especificamente a mi controller que metodos recibir en el crossOrigin y nada.

PD: No estoy utilizando ningun tipo de cookies. Les comparto unas capturas y código para ilustrar:

introducir la descripción de la imagen aquí Así se encuentra el encabezado de mi controlador actualmente:

@RestController
@CrossOrigin(origins = "http://localhost:4200",  methods= {RequestMethod.PUT,RequestMethod.OPTIONS})
public class ContactUpdateController {
6
  • 2
    Favor no colocar capturas del código, mejor copia y pegalo como texto. También pásate por Cómo preguntar para que mejores tu pregunta y sea bien recibida por la comunidad.
    – dlr
    Commented el 19 may. 2019 a las 3:57
  • Cambia el orden en el que declaras las cosas. Pon primero @CrossOrigin( ... ) y luego en la siguiente linea tu controlador @RestController. Puedes ver la siguiente respuesta. Saludos Commented el 19 may. 2019 a las 10:02
  • Por un lado el origin es http://localhost:4200, evita el uso de '*', por otro lado para ver bien que estas mandando fijate en el navegador haciendo inspect->network, ahi seleccionando el request (puede ser un preflight OPTIONS que se mande o el request directamente asi que fijate). Ahí aparece tanto el method como todos los headers. Agrega eso a la pregunta. Por otro lado, también aclará si tu aplicación usa cookies y en todo caso si configuraste angular para mandar los requests con "withCredentials".
    – Juan
    Commented el 19 may. 2019 a las 20:36
  • @Juan ya intente colocando el origen como localhost:4200 y la anotación CrossOrigin por encima de la RestController. Ya adjunto la informacion del network. Por otro lado, en Angular, nunca configure request withCredential, solo coloqué en el headers que iba a devover contenido del tipo JSON. Commented el 20 may. 2019 a las 10:04
  • No es solo poner la url, tiene que estar todo alineado. Fijate de agregar eso a la pregunta y falta que confirmes si estás usando cookies, para la sesión por ejemplo.
    – Juan
    Commented el 20 may. 2019 a las 12:24

1 respuesta 1

-1

Tenia exactamente el mismo error, resulta que estaba hacienda mal la llamada al endpoint.

mi post era user/create
mi put era user/edit/{{[email protected]}}

Muchas veces es facil confundirse con cosas asi al hacer copy and paste, procura revisarlo.

..Por otra parte @CrossOrigin(origins = "http://localhost:4200") en Springboot funciona de maravilla

2

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.