Question

我想用状态代码500拦截我的Http响应错误，但我在回复中得到了这个：

Response {_body: ProgressEvent, status: 0, ok: false, statusText: "", headers: Headers, …}
headers: Headers {_headers: Map(0), _normalizedNames: Map(0)}
ok: false
status: 0status
Text: ""
type: 3
url: null
_body: ProgressEvent {isTrusted: true, lengthComputable: false, loaded: 0, total: 0, type: "error", …}
__proto__: Body

但在我的控制台中我得到了：

zone.js:2019 GET http://127.0.0.1:5000/todos 500 (INTERNAL SERVER ERROR)

所以我错过了

ExtendedHttpService.component.ts

    import { Injectable } from '@angular/core';
import { Request, XHRBackend, RequestOptions, Response, Http, RequestOptionsArgs, Headers } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { Router } from '@angular/router';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';

@Injectable()
export class ExtendedHttpService extends Http {

    constructor(backend: XHRBackend, defaultOptions: RequestOptions, private router: Router) {
        super(backend, defaultOptions);
    }

    request(url: string | Request, options?: RequestOptionsArgs): Observable<Response> {
        //do whatever
        return super.request(url, options).catch(this.catchErrors());
    }

    private catchErrors() {
        return (res: Response) => {
            console.log(res)//shown the response above
            if (res.status === 500) {

                // this.router.navigate(['logout']);

            }
            return Observable.throw(res);
        };
    }
}

这是我的来电：

import { Headers, Http, Response } from '@angular/http';
import { Injectable } from '@angular/core';
import { RequestOptions } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { apiIp } from '../../api.config';

@Injectable()

export class  HttpService {

    constructor(private http: Http) {}

    get(url: string): Observable<any[]> {
        const headers = new Headers({'Content-Type': 'application/json'});
        const options = new RequestOptions({headers});

        return this.http.get(`${url}`, options)
            .map(res => res.json())
            .catch(this.handleError);
    }
   }

我的拦截器中缺少的是 Http 拦截器适用于状态代码400 -499 任何帮助将不胜感激

Angular2中状态为500的Http拦截器错误

0 个答案: