Hola estoy desarrollando una aplicación en Vue.js,Nativescript y Vuex, al momento de hacer una peticion ajax en un action retorno una promesa para manejar asincronia el problema es que cuando se genera un error este no se captura al momento de llamar al metodo pero cuando esta todo bien funciona.
en el metodo del action coloque una url que no existe para llevar al error pero no pasa por este, que creen que pueda ser.
metodo del action
CrearUsuario(context,objeto){
console.log("el valor de objeto antes de enviar es " + JSON.stringify(objeto));
return new Promise((resolve,reject)=>{ //usando promesas para controlar asincronia de peticion
http.request({
url : servidor + "/api/personas/thisUrlDoesntExist",
method : "POST",
headers : { "Content-Type": "application/json" },
content : JSON.stringify({objeto })
}).then( response => {
console.log("estamos usando json");
console.log("el valor total es " + JSON.stringify(response));
var result = response.content.toJSON();
context.commit('SetJson',result);
resolve(response);
},
error => {
//console.error(error);
reject(error);
});
})
}
codigo al llamar metodo del action
Insertar(){
var objeto={
":PA_PAIS_ID" : this.form.txtpaisId,
":PE_NOMBRE" : this.form.txtNombre,
":PE_CORREO" : this.form.txtCorreo,
":PE_CLAVE" : this.form.txtpass
}
this.$store.dispatch('CrearUsuario',objeto).then(response => {
//al ser success funciona perfecto y pasa por aqui
console.log("terminamos la peticion");
this.isBusy=false;
},
// al manejar error no funciona no muestra mensaje
error=>{
console.log("error en peticion " + error );
this.isBusy=false;
}
);
},
por ultimo cabe mencionar que estoy usando el modulo http de Nativescript para hacer la petición al servidor.