如何在Angular中使用RXJS重试http请求直到收到数据

Question

有一个API发送了HTTP请求，很长时间没有响应，但是当用户刷新页面时，API立即响应这种行为经常发生，所以我想使用RXJS来解决这个问题。 当 API 在 40 秒内没有响应时，它应该自动重试 HTTP 请求并且应该尝试 3 次。 如何使用 RXJS 实现这种行为

这是代码：

ABC服务.ts

 getABC() {
    return this.http
      .get(.........)
      .pipe(
        map(responseData => {
          return responseData
        }),
        catchError(errorRes => {
          return this.handleError(errorRes);
        })
      );
  }

XYZ.component.ts

  this._abcService.getABC().subscribe((res: any[]) => {
     console.log(res);
    }, error => {
      console.log(error);
    });

帮我解决这个问题

Answer 1

请查看此处已发布的解决方案：

https://stackoverflow.com/a/50678363/2976617

您只需要调整超时时间和重试次数即可。