角4.3でHttpClientの2つのインスタンス（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の2つのインスタンスは、各HTTPリクエストでインターセプタが何度も何度も繰り返し適用される必要はありません。

私のアプリの状態をどのように処理しているかわからないのは、現在のリクエストを突然変異しているかどうかを判断するインターセプタに何らかの条件を入れることができるということに基づいています。この方法では、要求がpublic-site componentsからトリガーされている場合は、Authorizationヘッダーが添付されません。例えば：

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); 
    } 

    } 

ちょうどその上のフィルタを設定するreq.urlを使用して、特定のapi/urlからAuthorizationヘッダを送信したくない場合は

。