Angular 7 - 整个应用程序的全局 HTTP 拦截器

Question

在我的app.module.ts 中，我注册了一个这样的 HTTP 拦截器：

providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: TokenInterceptorService,
      multi: true,
    },
  ],

但是，延迟加载模块发出的请求不使用拦截器。 它也仅在延迟加载模块中注册 HTTP 拦截器时才有效。

但我只想在app.module.ts 中提供一次。

关于如何做到这一点的任何想法？还是我必须在每个模块中提供它？

Answer 1

我认为在您的情况下发生的事情与this GitHub thread 也可以观察到类似的情况。 JB Nizet 在他的评论中也可能指的是同样的事情。

您很可能已将HttpClientModule 添加到您的LazilyLoadedModule 的imports 数组中。因此它没有使用 InterceptorService。为了使它工作，只需从那里摆脱它。完成后，它将使用全局 HTTP 拦截器服务。

---

这里有一个Working Sample StackBlitz 供您参考。