带拦截器的角度ngrx无限回路

Question

我使用ngrx来存储我的会话信息（令牌本身和它的到期日期）。超文本传输协议管道中有两个拦截器：拦截器1将令牌从存储注入超文本传输协议请求，拦截器2从响应中读取自定义超文本传输协议标头“X-会话-到期”并将其放入存储中（我在一个拦截器中也有这两个操作，也没有解决问题）。

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

    return this.store.select(SessionSelectors.sessionToken).pipe(
      first(),
      mergeMap(token => {
        console.log("interceptor 1");

        if (token) {
          request = request.clone({ headers: request.headers.set('Authorization', 'User ' + token) });
        }

        return next.handle(request);
      })
    );
}

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

    return next.handle(request).pipe(map((event: HttpEvent) => {
      if (event instanceof HttpResponse) {
        console.log("interceptor 2");

        if (event.headers.has("X-Session-Expiration")) {
          var value = event.headers.get("X-Session-Expiration");
          var expiration = new Date(value);

          this.store.dispatch(new SessionActions.RefreshSessionExpiration({ newExpirationDate: expiration }));
      }

      return event;
    }));
}

这将创建一个无限循环。拦截器 2 中的存储修改会触发拦截器 1 中的订阅，这会触发 http 请求，从而触发拦截器 2，依此类推。

为了防止这种情况，我在拦截器1中插入了first（）或take（1），但它似乎没有改变任何东西。

Answer 1

尝试在拦截器的开头添加if语句

intercept(request: HttpRequest, next: HttpHandler): Observable> {
if (request.url === 'api/refresh-token') {
    return next.handle(request);
}

 return this.store.select(SessionSelectors.sessionToken).pipe(
    mergeMap(token => {
      .....
    }

    return next.handle(requestWithToken);
  })
 );
}