Question

我有一个observable，在处理其他observable的过程中会有一个http。如果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错误代码的observable如下：

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响应代码。我想记录该返回但继续其他可观察对象。怎么做？

Answer 1

您可以使用catch来处理http errors

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);
    });

}

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

和这个答案： Difference between catch and onErrorResumeNext

如何处理可观察的错误但继续跟踪可观察的错误？

2 个答案: