使用http.get时如何获取非http状态代码？

Question

我是TypeScript的新手，如果api的响应不是200，我一直试图将用户重定向到错误页面。我已经在网上搜索了很长时间，并且一直在尝试找到一种好的方法来执行此操作。这是我所拥有的：

我在服务类中有如下基本的http方法：

PullDataFromServer(id: string): Observable<any> {
    return this.http.get<string>(this.baseUrl + 'api/data/getdata?id=' + id, { observe: 'response' });
  }

在我的组件类上，我有这个：

    this.service.PullDataFromServer(this.userData.Id).subscribe({
      next: data => {
          this.data = data.body;
          this.loaded = true;
      },
      error: err => {
        this.router.navigate(['/errorpage']);
      }
      });

但是，如果http代码不是200，则在浏览器中可以看到服务器需要很长时间才能响应。我知道http调用是异步调用，您无法使其同步。在带入数据时，您只能有一些代码可以起作用。我的问题是，如何在服务器错误时如何重定向用户？

有些文章讨论异步调用，但是我不明白如何管理错误？任何帮助将不胜感激。

我也尝试过rxjs：

      map(() => ''),
        catchError((error: Error) => {
          return this.router.navigate(['/errorpage']);
        }));

如果有另一个电话，而我正在等待上一个电话，Aysnc Await会很好。但是，如果我仅在等待一个呼叫，并且需要该呼叫的响应怎么办？