代码之家 › 专栏 › 技术社区 › Chris

Angular 10不再通过拦截器向请求添加头

angular

Chris · 技术社区 · 4 年前

在过去的5个版本中,我有一些代码对我来说是完美的。

一旦升级到Angular 10,它就不再在报头上设置承载令牌。我在升级说明中没有看到任何关于修改HTTP客户端或如何工作的内容。

我的代码现在有什么小问题吗?有人必须处理吗?

  private async handleAccess(request: HttpRequest<any>, next: HttpHandler): Promise<HttpEvent<any>> {
    await this.angularFireAuth.user.subscribe((user) => {
      user.getIdToken().then(
        (token) =>
          (request = request.clone({
            setHeaders: {
              Authorization: 'Bearer ' + token,
            },
          }))
      );
    });

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

0 回复 | 直到 4 年前

Chris 4 年前

我设法使事情恢复正常。一定是流出了问题,利用管道+合并映射,我得到了预期的行为

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return this.angularFireAuth.idToken.pipe(
      mergeMap((token) => {
        return next.handle(
          request.clone({
            setHeaders: {
              Authorization: 'Bearer ' + token,
            },
          })
        );
      })
    );
  }

推荐文章

Kiara · 根据条件角度显示多个模板

1 年前

IonicMan · 剑道网格在宽度过大时不显示某些列

1 年前

Piotr Deja · 如何在subscribe方法中为参数赋值,然后从组件内部的任何位置检索该值?

1 年前

Ben5 · 服务器端总是接触FormControl

1 年前

allforthenoob · 我该怎么分类?

1 年前

Hamid Elouardaoui · 角度生成:发生未处理的异常:服务不再运行

1 年前

Hugh Jones · 如何创建适用于多个来源的自签名开发证书

1 年前

jthorn · 角度对象未在HTML中显示

1 年前

clem · 如何在Angular应用程序中突出显示页面的一部分?

1 年前

Kael · 在html表格中显示关系api数据-角度

2 年前