Observable from Angular HttpInterceptor Observable에서

Question

@ ngrx/store을 사용하여 저장소에서 토큰을 가져 와서 HTTP 헤더에 배치하면 flatmap mergeMap을 사용했지만 모두 HTTP 요청을 복제하고 계속 사용합니다. (1) 루프 요청 및 중단에 간다 가지고, 이것은 내가 무엇을 가지고 :

@Injectable() 
export class AuthInterceptorService implements HttpInterceptor { 
    token$: Observable<string>; 

    constructor(private readonly store: Store<fromRoot.State>) { 
     this.token$ = store.select(fromAuth.getToken); 
    } 

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

     return this.token$ 
       .map(token => { 
        if (token) { 
        request = request.clone({setHeaders: {Authorization: `Bearer ${token}`}}); 
        } 
       }) 
       .mergeMap(() => next.handle(request)); 
    } 
} 

Answer 1

return this.token$ 
      .map(token => { 
       if (token) { 
       request = request.clone({setHeaders: {Authorization: `Bearer ${token}`}}); 
       } 
       return request; 
      }) 
      .switchMap((req) => next.handle(req)); 

스위치지도 관찰을 소요하고 다른로 전환됩니다. 또한 관찰 가능한 순서로 맵을 사용할 때 실제로 값을 전달해야합니다. 나는 개인적으로 요청을 최초의 관찰 가능한 스트림의 일부로 만들 수도 있습니다.