Angular 从 HttpEvent<> 获取正文

Question

我正在通过调用类 AuthService 的这个方法来执行获取请求:

 return this.http.post<any>('url',{
    "username": username,
    "password":password
}, this.httpOptions).pipe(catchError(this.errorHandler));

来自另一个类(class):

this.authService.login(this.username,this.password).subscribe(response =>{
       console.log("Response " + response.token);
    });

这里的问题是 property token does not exist in type HttpEvent<any> .如果我运行它并尝试打印它，它会正确打印，但代码中的错误仍然存​​在。我试过更改类型 any到带有表示我的响应的字段的自定义界面，但错误是相同的，因为它始终是 HttpEvent。
我该如何解决这个问题？

Answer 1

试试这个

this.authService.login(this.username,this.password).subscribe((response : any) =>{
       console.log("Response " + response.token);
    });

或者如果你想输入它

return this.http.post<{token: string}>('url',{

然后

this.authService.login(this.username,this.password).subscribe((response : {token: string}) =>{
       console.log("Response " + response.token);
    });