如何在角度上重试api调用3次,直到得到数据(只有1个api,不是http拦截器的通用)

你可以试试用 retry(num)

return this.httpClient
      .get<any>(url, { headers: aHeaders })
      .pipe(
        tap((config: any) => {
           if(!config.length) {
             this.initialized = "authentication failed";
             throw 'authentication failed';
           }
        }),
        retry(3)
      )
      .toPromise();

这里有一个更复杂但更灵活的解决方案:

  public getEasyAuthToken() {
    //...
    const url = '/.auth/me';
    console.log(`on app load ${url} called`);
    return this.httpClient
      .get<any>(url)
      .pipe(
        map(res => {
          if (!res) // or other check if your responce is empty
          {
            // error will be picked up by retryWhen
            throw res;
          }
          return res;
        }),
        retryWhen(errors =>
          errors.pipe(
            mergeMap((err, i) => {
              console.log(err, i);
              const retryAttempt = i + 1;

              if (retryAttempt > this.maxRetryAttempts) {
                // Maximum number of retries reached
                this.initialized = "authentication failed";
                return throwError(err);
              }

              return timer(retryAttempt * 1000);
              }),
          )
        ),
        catchError(error => {
          // Use catchError to prevent breaking of your observable sequence
          console.error(error);
          return of(error);
          })
      )
      .toPromise();
  }
}

你可以在这里玩: https://stackblitz.com/edit/angular-z83mdi