从 Typescript 中的 http 响应中获取 header 值

Question

我正在尝试访问新的 header 我已添加到 TypeScript 中的 API 响应中。在我的开发人员工具的“网络”选项卡中，我可以看到我添加的新 header 存在，但是当我尝试 req.headers.get("x-web-frontend-version") 时，我只是得到 null。

这是我的代码和网络选项卡的图像：

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    let headers = req.headers;

    console.log('HEADERS: ' + headers.get('x-web-frontend-version'));

    const authReq = req.clone({
      headers: headers
    });

    return next.handle(authReq);
  }
}

图片：

Answer 1

假设函数 Intercept 在某些服务文件中，例如 some.service.ts，在组件文件 some.component.ts 中，我将尝试以下操作：

const xWebFrontednVersion: string;
this.someService.intercept(req, next).toPromise().then(response => {
        this.xWebFrontednVersion = response.headers.get('x-web-frontend-version');
})

从 Typescript 中的 http 响应中获取 header 值

Get header value from http response in Typescript

api

http

httpresponse

httprequest

typescript