Skip to main content
se eliminaron 100 caracteres en el cuerpo
Origen Enlace
Findelias
  • 627
  • 1
  • 11
  • 29

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 añadiendo esto al headertocando la parte back de mi petición: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 'Content-Type': 'application/x-www-form-urlencoded'@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/x-www-form-urlencoded'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}')
                         );
    }

Si bien ahora estoy recibiendo el error:

Method not supported: Request method 'POST' not supported

No obstante creo que la solución puede valer para otros usuarios.

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 añadiendo esto al header de mi petición: 'Content-Type': 'application/x-www-form-urlencoded'

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/x-www-form-urlencoded' });
        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}')
                         );
    }

Si bien ahora estoy recibiendo el error:

Method not supported: Request method 'POST' not supported

No obstante creo que la solución puede valer para otros usuarios.

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}')
                         );
    }
Origen Enlace
Findelias
  • 627
  • 1
  • 11
  • 29

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 añadiendo esto al header de mi petición: 'Content-Type': 'application/x-www-form-urlencoded'

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/x-www-form-urlencoded' });
        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}')
                         );
    }

Si bien ahora estoy recibiendo el error:

Method not supported: Request method 'POST' not supported

No obstante creo que la solución puede valer para otros usuarios.