0

Buenas,

Ando algo desesperado porque soy incapaz de realizar un UPDATE mediante una API. La petición me da un error:

403 por Invalid CORS request.

Mi servicio:

private urlApi= 'http://localhost:8080/api';    
updateIt(id: string, lang: string, body: Object) {
        let bodyString = JSON.stringify(body);
        let headers = new Headers({ 'Accept': '*/*' });
        let options = new RequestOptions({ headers: headers });

        return this.http.post(this.copiesUrl + "/" + id + "/lang/" + lang, body, options)
                         .map((res:Response) => res.json())
                         .subscribe(
                            data => console.log('Success update ', data),
                            error => console.error('Error: ${error}')
                         );
    }

He probado ha poner una extensión de chrome para el tema de las CORS y en el campo "Intercepted URLs or URL patterns" he colocado *://*/*

Destacar que para hacer peticiones de consulta no estoy teniendo ningún problema.

6
  • Te diria algo 'tonto' que me paso recientemente, revisa la url que formas en total, a ver si estas doblando el numero de '/' y por eso me paso ami.... Commented el 28 feb. 2017 a las 14:23
  • Ojalá pero está bien escrita jeje.
    – Findelias
    Commented el 28 feb. 2017 a las 14:33
  • El backend lo has programado tu? Commented el 2 mar. 2017 a las 10:41
  • No, me ha venido dado. Aun que tengo acceso al código.
    – Findelias
    Commented el 2 mar. 2017 a las 10:59
  • ¿Cómo estás manejando el uso del acceso autorizado? Commented el 11 abr. 2017 a las 21:28

3 respuestas 3

3

Bueno soy nuevo en SO pero creo que si he encontrado la solución debo de escribir una respuesta a mi propia pregunta para dejar a los otros usuarios la solución al problema.

Finalmente y aun que he desencadenado otro error he conseguido solventar lo del tema de las CORS tocando la parte back de mi servicio. Es decir en la API. En mi caso el back está desarrollado en Java y Spring. Simplemente añadiendo la anotación de Spring @CrossOrigin se soluciona.

De forma que el servicio queda finalmente así:

 private urlApi= 'http://localhost:8080/api';    
updateIt(id: string, lang: string, body: Object) {
        let bodyString = JSON.stringify(body);
        let headers = new Headers({ 'Content-Type': 'application/json' });
        let options = new RequestOptions({ headers: headers });

        return this.http.post(this.copiesUrl + "/" + id + "/lang/" + lang, body, options)
                         .map((res:Response) => res.json())
                         .subscribe(
                            data => console.log('Success update ', data),
                            error => console.error('Error: ${error}')
                         );
    }
3
  • Bueno parece que dicha solución no me ha servido, ya que al solucionar el problema de la petición POST (Debía de ser PUT ya que ese endpoint en back no soportaba POST) he vuelto a donde estaba jeje.
    – Findelias
    Commented el 2 mar. 2017 a las 10:22
  • No soy experto en java pero revisa el siguiente enlace Spring CORS, si la solución no ha funcionado para tu problema deberías desmarcarla como correcta. Saludos Commented el 16 ago. 2017 a las 4:11
  • Hola Ricardo. Si lees la respuesta que me automarqué como correcta, edité para indicar la solución. Un saludo.
    – Findelias
    Commented el 16 ago. 2017 a las 5:23
0

creo que tu problema puede estar con el contenido que estás enviando. Si usas JSON.stringify(body)entiendo que te está generando un Json que es lo que estás enviando en la petición. Por lo tanto, el Content-Type debería ser application/json.

Prueba con esto a ver si se soluciona.

8
  • Así es como lo tenía en origen y tenía el mismo problema. De hecho ahora mismo lo tengo así con el Content-Type como application/json pero sigo con el mismo problema.
    – Findelias
    Commented el 2 mar. 2017 a las 11:01
  • El backend en que está programado? Mira a ver si tiene alguna limitación de tipo cors. Commented el 2 mar. 2017 a las 11:38
  • El back está en Java. No se muy bien que tendría que buscar. En el controller no veo ninguna alusión al tema de las CORS.
    – Findelias
    Commented el 2 mar. 2017 a las 12:05
  • Mira a ver algún filtro. Esto se suele implementar con algún filtro. Commented el 2 mar. 2017 a las 12:10
  • Estoy echando un ojo y en los archivos compilados si que estoy viendo alusiones a las CORS y demás. Seguiré echando un ojo a ver si saco algo en claro aun que no sé muy bien como voy a solucionarlo.
    – Findelias
    Commented el 2 mar. 2017 a las 12:11
0

Creo que esto debería ir como comentario pero no tengo los 50 puntos de reputación necesarios como para comentar, así que lo pongo por aquí.

He leído tu otro problema y creo que te podría venir bien una herramienta que utilizo a diario para poder testar las API propias y de terceros. Se llama Postman y te permite realizar todo tipo de pruebas con APIs, muy util cuando tienes que investigar y probar como son o para testar la que estas haciendo.

Espero que te pueda servir.

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.