代码之家 › 专栏 › 技术社区 › Blake Rivell

在角HttpInterceptor中添加是否向req.clone添加头的逻辑

angular-http-interceptors typescript angular

Blake Rivell · 技术社区 · 8 年前

我想在HttpInterceptor的以下逻辑中添加一个if语句:

const authToken = this.auth.getAuthorizationToken();

const authReq = req.clone({
     headers: req.headers.set('Authorization', `Bearer ${authToken}`)
});

在用authToken更新头之前,我想检查authToken是否存在。我很确定这是一个语法问题,或者有另一种方法来设置代码块中req.clone()的headers属性。

let authReq: HttpRequest<any> = req;

if (authToken) {
  authReq = req.clone({
    headers: req.headers.set('Authorization', `Bearer ${authToken}`)
  });
}

1 回复 | 直到 8 年前

Teddy Sterne 8 年前

你在正确的轨道上。如果令牌存在,则需要修改请求,如果没有令牌,则保持不变。例子:

intercept(
  req: HttpRequest<any>,
  next: HttpHandler,
): Observable<HttpEvent<any>> {
  const authToken = this.auth.getAuthorizationToken();

  if (authToken) {
    req = req.clone({
      headers: req.headers.set('Authorization', `Bearer ${authToken}`)
    });
  }

  return next.handle(req);
}

推荐文章

user8743396 · 从不同功能取消订阅多个订阅

8 年前

Jeremy Thomas · HttpInterceptor重构错误消息

8 年前

Tavish Aggarwal · 刷新angular 5中的访问令牌时出现问题

8 年前

goat · 角度http侦听器-中止响应

8 年前

GuyChabra · 角度5 HttpInterceptor this。拦截器。拦截不是一个函数

8 年前

Raymond Holguin · 无法通过HttpInterceptor通过服务推送数据

8 年前

João Paulo · 在组件上插入http侦听器

8 年前

Sai Ram Gupta · 如何在测试中模拟Angular 4.3 httpClient的错误响应

9 年前

str · 向Angular应用程序添加多个HTTP侦听器

9 年前

joshrathke · 角度4.3拦截器-如何使用?

9 年前