如何在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

您只需要調整超時時間和重試次數即可。