如何处理可观察对象的错误但继续使用随后的可观察对象？

Question

我有一个Observable，当处理其他Observables时，在中间要进行http get请求。

对于http get响应代码不是200的情况，我希望记录此错误，但继续处理下一个Observable。

到目前为止，我有以下内容：

this.getConfigurationSettings()
    .do(config => {
        console.log('configuration settings.: ', config);
        this.configSettings = config;
        this.subscriptionService.setWSAddressProvider('badUrl');
    })
    .switchMap(config => this.askForWSData())
    .do(config =>
        console.log('askForWSData' + config))
    .switchMap(r => this.processWSData())
    .subscribe(
        config => {
            console.log('start of data processing: ' + config);
        },
        err => {
            // Log errors if any
            console.log(err);
        },
        () => console.log('app exiting'));

能够返回 HTTP 错误码的可观测对象如下：

setWSAddressProvider() : Observable<string[]> {
    return this.http.get('badUrl')
        .map((res:Response) => {
            this.address = res.text();
            return [res.text()];
        });
        // .catch((error:any) =>
        // Observable.throw('Server error')
        // );
}

上述情况会生成400响应代码。我想记录该返回值，但继续处理其他可观察对象。如何做到这一点？

- reza

Answer 1

您可以使用catch来处理HTTP错误。

setWSAddressProvider() : Observable<string[]> {
    return this.http.get('badUrl')
        .map((res:Response) => {
            this.address = res.text();
            return [res.text()];
        });
       .catch((error: Response | any) => {
           if (error instanceof Response) {
                if (error.status === 400) {
                    console.log("Server responded with 400");
                    // Create a new observable with the data for the rest of the chain
                    return Observable.of([]);
                }
           }
           // Re-throw unhandled error
           return Observable.throw(err);
    });

}

- Ofer Herman

Answer 2

尝试使用Observable的onErrorResumeNext函数：

setWSAddressProvider() : Observable<string[]> {
    return this.http.get('badUrl')        
        .map((res:Response) => {
            this.address = res.text();
            return [res.text()];
        })
       .onErrorResumeNext((error: Response | any) => {
           if (error instanceof Response) {
                if (error.status === 400) {
                    console.log("Server responded with 400");
                }
                return [];
           }
    });
  }

请查看https://xgrommx.github.io/rx-book/content/getting_started_with_rxjs/creating_and_querying_observable_sequences/error_handling.html#ignoring-errors-with-onerrorresumenext

以及这个答案：catch和onErrorResumeNext的区别

- Steve Land