为什么HttpErrorResponse的实例在使用HttpClient的Angular中不会触发订阅服务器响应的错误功能？

Question

我有一个API调用，有时会出现此错误：

HttpErrorResponse {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: null, ok: false, …} error: ProgressEvent {isTrusted: true, lengthComputable: false, loaded: 0, total: 0, type: "error", …}headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, headers: Map(0)}message: "Http failure response for (unknown url): 0 Unknown Error"name: "HttpErrorResponse"ok: falsestatus: 0statusText: "Unknown Error"url: null }

在我的代码中，服务器调用的处理方式如下……（免责声明，为简便起见，某些代码已简化为更简单的版本）

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';

getData() {
    const apiRoot = 'http://whatever.../getSomething...';
    const params = new HttpParams().set('foo', 'bar');
    const body = { params };
    return this.http.get(apiRoot, body)
        .map(res => res)
        .catch(err => Observable.of(err));
}

服务器响应已订阅，如下所示...

this.getData().subscribe(
    response => {
        this.setApiResultsData(response);
        console.log(response); // <-- where the "error" is printed
    },
    error => {
        this.setApiResultsError(error.message);
        console.log(response); // <-- where I would think the error would go is never triggered... ???
    }
);

我的问题是，为什么订阅中未将其传递给error ？ 难道我做错了什么？ 我想正确处理错误，因此欢迎您提出建议

Answer 1

在getData内部，您实际上是通过捕获错误并返回一个新的observable来从错误中恢复的：

.catch(err => Observable.of(err));

因此，调用方法不再看到错误。 您可能会发现错误并抛出新错误：

getData() {
    // ...

    return this.http.get(apiRoot, body)
        .map(res => res)
        .catch(err => Observable.throw(err));
}

或者，您可以从getData删除catch ，这样原始错误就会传播：

getData() {
    // ...

    return this.http.get(apiRoot, body)
        .map(res => res);
}

Answer 2

最有可能是因为响应具有主体-在这种情况下，Angular不会将status为零视为错误。 请参阅common/http/src/xhr.ts的以下代码：

// Normalize another potential bug (this one comes from CORS).
if (status === 0) {
  status = !!body ? 200 : 0;
}