rxjs 处理错误与拦截器不兼容

Question

基于这个已解决的问题Angular intercepting http errors，我面临着一个巨大的哲学问题。

我所有的服务都是这样的：

public getSomething(): Observable<Something> {
    return this.http
        .get<Something>(url)
        .pipe(
            map(res => res.data),
            catchError((e): Observable<any> => of(e))
        );
}

如果我的身份验证令牌无效/过期，服务会捕获错误。 我可以在那儿直接注销。

但是，如果我有很多服务，我必须多次重复这个过程。因此我需要配置一个拦截器或自定义错误处理程序。

如果我在服务中保留 catchError，两者都不会触发。

如果我选择保持 DRY，我需要删除 catchError。如果我删除 catchError，rxjs 将变得几乎无用（完成、重试......等）

如果我选择保留 catchError，我需要修改所有这些以调用某种全局错误处理函数以保持一定程度的 DRY。但是我并没有像我应该使用的那样使用 Angular。

我该如何处理这种情况？

编辑：https://stackblitz.com/edit/angular-m2jc9n

ErrorHandler 处于活动状态，Interceptor 在 app.module 中进行了注释。 如果从服务中移除 catchError，则触发 ErrorHandler，否则 catchError 优先。

Answer 1

如果你想拥有一个共享拦截器，你有角度HTTP_INTERCEPTOR：

在你的module.ts

@NgModule({
  declarations: [
   ...
  ],
  imports: [
   ...
  ],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: LoginInterceptor,
      multi: true
    }
  ]
})

还有服务LoginInterceptor：

@Injectable()
export class LoginInterceptor implements HttpInterceptor {

  constructor() {
  }

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    return next.handle(request).pipe(
      tap(() => {
        }, (err: any) => {
          if (err instanceof HttpErrorResponse) {
            // DO here what you want
            // this.router.navigate(['login']);
          }
        }
      )
    );
  }
}

另一种选择是在路线顶部使用守卫。