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

Question

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

     //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。

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

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