Angular 2 Http响应通用错误处理程序

Question

我正在实现一个将进行一些API调用的Angular 2应用程序。我想知道是否有无法通用的错误处理程序。例如，如果API以401代码响应，我想将用户重定向到登录路由。这是可行的吗？

感谢

Answer 1

我创建了我从我的所有服务使用HTTP的辅助方法。这至少可以集中通过应用程序的所有http活动。

处理错误的详细信息，有时虽然 - 见我的问题在这里： Angular 2 http service. Get detailed error information

UPD：2016年9月12日 - 固定remove方法。 Angular http服务需要定义身体。这种方法存在的原因 - 我希望能够通过身体作为delete请求的一部分，而Angular的方法不允许这样做。

import {Injectable} from '@angular/core'; 
import {Http, Request, Response, Headers, RequestOptionsArgs, RequestMethod} from "@angular/http"; 
import {RequestArgs} from "@angular/http/src/interfaces"; 
import {Observable} from 'rxjs/Observable'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/observable/throw'; 

@Injectable() 
export class JsonHttpHelper { 
    protected headers: Headers; 

    constructor(private _http: Http) { 
     this.headers = new Headers(); 
     this.headers.append('Content-Type', 'application/json'); 
     this.headers.append('Accept', 'application/json'); 
    } 

    get(url:string) : Observable<any> { 
     return this._http.get(url) 
      .map((res: Response) => res.json()) 
      .catch(this.handleError); 
    } 

    post(url:string, data:any, args?: RequestOptionsArgs) : Observable<any> { 
     if (args == null) args = {}; 
     if (args.headers === undefined) args.headers = this.headers; 

     return this._http.post(url, JSON.stringify(data), args) 
      .map((res: Response) => JsonHttpHelper.json(res)) 
      .catch(this.handleError); 
    } 

    put(url:string, data:any, args?: RequestOptionsArgs) : Observable<any> { 
     if (args == null) args = {}; 
     if (args.headers === undefined) args.headers = this.headers; 

     return this._http.put(url, JSON.stringify(data), args) 
      .map((res: Response) => JsonHttpHelper.json(res)) 
      .catch(this.handleError); 
    } 

    remove(url: string, data?: any, args?: RequestOptionsArgs): Observable<any> { 
     if (args == null) args = {}; 

     args.url = url; 
     args.method = RequestMethod.Delete; 
     if (!args.headers) args.headers = this.headers; 
     args.body = data ? JSON.stringify(data) : null; 

     return this._http.request(new Request(<RequestArgs>args)) 
      .map((res: Response) => JsonHttpHelper.json(res)) 
      .catch(this.handleError); 
    } 

    private static json(res: Response): any { 
     return res.text() === "" ? res : res.json(); 
    } 

    private handleError(error:any) { 
     console.error(error); 
     return Observable.throw(error); 

     // The following doesn't work. 
     // There's no error status at least in case of network errors. 
     // WHY?! 
     // 
     // if (error === undefined) error = null; 
     // let errMsg = (error && error.message) 
     //  ? error.message 
     //  : (error && error.status) 
     //   ? `${error.status} - ${error.statusText}` 
     //   : error; 
     // 
     // return Observable.throw(errMsg); 
    } 
}