Angular，从发布请求中获取状态代码值

Question

我想从发布请求中获取 StatusCode 值，以便在我的组件中使用它。这就是我所做的:
API调用:

  Login(user: User) {
    return this.http.post(apiUrl + 'account/Login', user).subscribe();
  }

组件中的方法:

  Login() {
    this.user.UserName = this.loginForm.controls.userName.value;
    this.user.Password = this.loginForm.controls.password.value;

    this.api.Login(this.user)
  }

现在只显示为错误 结果应该是这样的:

更新
这不是 cors 问题...
登录成功:

Answer 1

在您的订阅中添加一个错误回调以捕获来自 HTTP Observable 的错误。

Login(user: User) {
    return this.http.post(apiUrl + 'account/Login', user).subscribe(
        (data) => {

        },
        (error) => {
           console.log(error);
           // get the status as error.status
        })
}

如果你想获取所有状态码，无论成功或失败，你都必须观察请求中的response。

像这样调用 API:

this.http.post(apiUrl + 'account/Login', user, {observe: 'response'})

记录响应以查看如何访问状态。