在Angular中从httpResponse主体中分离数据。

Question

我对Angular很陌生。我需要在组件中把'jwt'标记从响应中分离出来，存储在本地存储中。因为我也需要response.status，所以不能把response作为文本。谁能告诉我如何将其分离出来？我在这里试了很多解释，但似乎都没有用。

我的登录方法。

checkLogin(){
this.service.generateToken(this.credentials).subscribe(
  (response) => {
    if(response.status == 200){
      this.message = "Login Successfull"
      localStorage.setItem("token",//save the token);
      this.router.navigate(['']);
    }
},
(error) => {
    this.message = "Invalid Username or Password";
});
}

http服务

public generateToken(request):Observable<any>{
return this.http.post<any>("http://localhost:8080/authenticate", request,{observe:'response'});
}

我的回复格式。

回应格式

Answer 1

如果你能够得到 response.status 那么 response.body.jwt 也会被访问，你能不能试试这种方式。

(response) => {
    if(response.status == 200){
      this.message = "Login Successfull"
      localStorage.setItem("token",response.body.jwt);
      this.router.navigate(['']);
    }