javascript - 无法获得 Angular 5 的响应标题

Question

我向服务器发出发布请求，该服务器使用两个对客户端很重要的 header 进行响应:用户名和访问 token 。Chrome 调试工具的网络选项卡显示响应的以下数据:

我还在控制台上记录响应:

这里没有 header - 这是为什么？我的日志记录代码:

this.usersService.registerNewUser(firstName, lastName, email, username, birthday, password).subscribe(
          res => {
            console.log(res);
          },
          err => {
            console.log("Error" + JSON.stringify(err));
          }
        );

我想通过 res.headers.username 访问 header 用户名。

我的请求是这样的:

this.http.post<string>(
      "http://localhost:2002/users",
      JSON.stringify({
        firstName: firstName,
        lastName: lastName,
        email: email,
        username: username,
        birthday: birthday,
        password: password
      }),
      {
        observe: "response"
      }
    );

我做错了什么？

Answer 1

除非后端允许，否则前端将无法访问该 header 。

为此，您需要从后端发送一个 Access-Control-Expose-Headers header ，该值应该是您要公开的值的逗号分隔列表，即 access-token, username