Angular 2 - 在每个Http请求之前注入授权令牌

Question

我需要在发送每个HTTP请求之前检查我的令牌未过期。我试图使注射使用HTTP拦截这样的：

class HttpInterceptor extends Http { 

    constructor(backend: ConnectionBackend, defaultOptions: RequestOptions, private _router: Router) { 
    super(backend, defaultOptions); 
    } 

    get(url: string, options?: RequestOptionsArgs): Observable<Response> { 
    const keycloak$: Observable = KeycloakService.updateToken(); 

    return keycloak$.map((options) => { 
     return super.get(url, this.getRequestOptionArgs(options)); 
    }); 
    // -> Observable<Observable<Response>> 
    } 

    getRequestOptionArgs(options?: RequestOptionsArgs) : RequestOptionsArgs { 
    if (options == null) { 
     options = new RequestOptions(); 
    } 
    if (options.headers == null) { 
     options.headers = new Headers(); 
    } 
    options.headers.append('Content-Type', 'application/json'); 

    return options; 
    } 
} 

我怎样才能实现可观察到的依赖。 KeycloakService.updateToken()返回另一个Observable，所以我需要等待响应，然后添加授权标头。我会很感激任何提示。

Answer 1

使用switchMap等待观察到的由super.get()返回发射响应之前解决

更换

return keycloak$.map((options) => { 
    return super.get(url, this.getRequestOptionArgs(options)); 
}); 

随着

return keycloak$.switchMap(
    options => super.get(url, this.getRequestOptionArgs(options)) 
); 

Examples

我也会改变：

if (options == null) { 
    options = new RequestOptions(); 
} 
if (options.headers == null) { 
    options.headers = new Headers(); 
} 

有了：

if(!options) options = new RequestOptions(); 
if(!options.headers) options.headers = new Headers(); 

为了赶undefined以及null选项