Generalmente yo tengo las funciones de manejar los errores y de capturar los datos en un servicio que injecto en los componentes u otros servicios segun lo demande. Las funciones son estas:
.- Trycachear los errores:
public handleError (error: Response | any) {
let errMsg: string;
let errorCode:number;
if(!environment.production){
console.log("(handleError) Error Arrojado:");
console.log(error);
}
if (error instanceof Response) {
const body = error.json() || '';
const err = body.error || JSON.stringify(body);
errMsg = `${error.status} - ${error.statusText || ''} ${err}`;
errorCode = +error.status;
} else {
errMsg = error.message ? error.message : error.toString();
}
if(!environment.production)console.error(errMsg);
this._helper.notificationToast(errMsg,"Error","error");
if(errorCode===401){
this._router.navigate(['salir']);
}
return Observable.throw(errMsg);
}
.- Para extraer los datos utilizo:
public extractData(res: Response) {
let body = res.json();
if(!environment.production&&environment.depurar){
if(body.error){
console.log("(extractData) Body Error:");
console.log(body.error);
}
}
//Actualizar token
if(body.token!=null){
// if(!environment.production){console.log("Token actualizado: "+body.token)}
this.token=body.token;
}
//Si ha habido un error lanzar mensaje
if(body.error){
this._helper.notificationToast(body.error,"Error","error");
}
if(body.success&&!body.data){
var data = {success:true, message:body.success};
body.data=data;
}
return body.data || { };
}
y justo así es implementado en otro servicio (Obtener un perfil de usuario):
getPerfil(perfilId:string): Observable<Perfil> {
let _headers = new Headers({ 'Authorization': 'Bearer ' + this._autenticacionService.token });
let _options = new RequestOptions({ headers: _headers });
return this._http.get(environment.api_url+'/seguridad.php/perfil/'+perfilId, _options)
.map((response: Response) => {
return this._helperService.extractData(response);
})
._catch(err=>this._helperService.handleError(err))
;
}