Rückgabe eines Observable in einem Angular HttpInterceptor

Question

Ich benutze @ ngrx/store um ein Token aus dem Speicher zu bekommen und es in HTTP-Header, versuchte ich mit Flatmap mergeMap, aber sie alle duplizieren die HTTP-Anfragen und wenn ich benutze nehmen (1) geht es auf der Schleife Anfrage und hängt, ist es das, was ich habe:

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

Karte wechselt eine beobachtbare nimmt und schaltet ihn in einer anderen. Sie müssen auch einen Wert übergeben, wenn Sie die Karte in einer beobachtbaren Reihenfolge verwenden. Ich persönlich würde die Anfrage sogar zu einem Teil des beobachtbaren Stroms machen.