如何在Angular 4.3中使用HttpClient的两个实例（一个使用2个拦截器，另一个使用1个拦截器）？

Question

在我们的Angular 4.3项目中，我们分别具有公共站点组件和安全站点（已登录）组件。我们使用@angular/common/http。我们希望为public-site组件和secured-site组件实施不同的http拦截器。例如，

1. 公共现场部件 - 只适用下面拦截
   LoggingInterceptor
2. 担保现场组件 - 应用下面2个拦截
   LoggingInterceptor
AuthTokenInterceptor（通过在请求报头中的身份验证令牌）

我们尝试添加提供商详细信息HTTP_INTERCEPTORS在每个组件级别@Component与不同的拦截器。但是请求没有进入任何拦截器。

仅当我们在@NgModule中添加提供商详细信息HTTP_INTERCEPTORS时，请求才会进入拦截器。这里的问题是，公共站点http请求也进入AuthTokenInterceptor，这是不需要的。

那么我们该如何解决呢？谢谢。

Answer 1

您不需要两个HttpClient实例作为拦截器在每个http请求上重复应用。

我不知道你是如何处理我们的应用程序的状态的，基于你可以在你的拦截器中放置一些条件来决定当前请求是否变异。通过这种方式，如果请求从public-site components触发，它就不会有附加到它的Authorization标题。 e.g：

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { 
    if ('your condition here if public-site components') { 
     // Just return original request 
     return next.handle(req); 
    } else { 
     // Here return modified one 
     // Get the auth header from the service. 
     const authHeader = this.auth.getAuthorizationHeader(); 
     // Clone the request to add the new header. 
     const authReq = req.clone({headers: req.headers.set('Authorization', authHeader)}); 
     // Pass on the cloned request instead of the original request. 
     return next.handle(authReq); 
    } 

    } 

如果你不想送Authorization头特别api/url只使用req.url上设置一个过滤器。