Angular：使用 forkJoin 调用 api 服务时出现 500 错误

Question

我在 ngOnInit 中实现了对两个 api 路由的调用以获取一些数据，我正在使用 angular 7 并实现 forkJoin 来像这样调用 api：

  ngOnInit() {
    debugger
    this.route.params.pipe(
      switchMap(params => forkJoin([
        this.http.get('/api/surveys/' + params.id),
        this.http.get('/api/surveys/getStatistics/' + params.id)
      ]))
    ).subscribe(result => {
      this.survey = result[0];
      this.statistics = result[1];
      this.updateChart(result[1]);
    }, 
      error => this.handleError(error)
    );
  }

private handleError(error) {
  debugger
  if (error.status === 400) {
    this.showError(error.error.error, 'Erreur!');
    if (error.error.error === 'Le sondage demandé n\'existe plus!') {
      this.router.navigateByUrl('/sondage');
    }
  }
}

private updateChart(statistics) {
  debugger
  statistics.options.forEach(option => {
    this.pieData.push(option.number);
    option.color = this.d3Colors[this.colorCounter];
    this.colorCounter = this.colorCounter + 1;
  });  
}

在第一个调试器之后，代码不会运行对 API 的调用请求，而是直接传递给 handleError 函数！并生成 500 服务器错误

Answer 1

500 通常是 API 服务器本身抛出的错误。如果您的设计允许，您应该将两个 API 调用分开。这样第一次通话失败不会影响第二次通话。

来自 forkJoin 规范：“如果在某些时候有任何输入 observable 错误，forkJoin 也会出错，并且所有其他 observable 将立即取消订阅。”

因此，一个调用失败会使其他 API 调用成功无关紧要，因为 observable 已经取消订阅。