Angular HttpClient 无法获取响应正文消息

Question

我计划使用 HttpClient 发布到我的 getFeedback 端点并获得响应并将其显示在我的应用程序中。 我有一个 codeService 和一个仪表板组件，这是我的代码服务中发布的代码：

     //method 1
 async generateFeedbackPost() {
        var headers = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded');
        var body = new URLSearchParams();
        body.set('code', this.code);
        return this.http.post(this.url, body.toString(), { headers }).toPromise();
    }
    //method 2
generateFeedbackPost2() {
    var headers = new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded');
    var body = new URLSearchParams();
    body.set('code', this.code);
    return this.http.post(url, body.toString(), {headers});
}

在我的仪表板组件中，我调用了这些方法：

this.codeService.generateFeedbackPost2().subscribe(data => {console.log(data);});
this.codeService.generateFeedbackPost().then(data => {console.log(data);});

我已经尝试了这两种方法，但是它们都在控制台中打印 null。但是，在我的 chrome 开发者工具网络选项卡中，我可以准确地看到结果：

你知道如何找回这些消息吗？

Answer 1

您遇到错误，因此您看不到data，如果请求成功，则会显示该data。

为了查看结果，在这种情况下出错，你可以使用这个：

this.codeService.generateFeedbackPost2().subscribe(
    data => {console.log(data);},
    error => console.log(error));