来自 HttpClient POST 请求的 Angular 6 HTML 响应

Question

我正在尝试进行第三方授权。当我向服务器发出 POST 请求时，它会发送 HTML 作为响应。

标头

private httpOptions = {
    headers: new HttpHeaders({
        'Accept': 'text/html',
        'Content-Type': 'application/json'
}),
    responseType: 'text',
};

API调用

return this.http.post(this.authUrl, this.httpOptions)
    .subscribe(data => {
        console.log(data);
    });

我收到一个语法错误：

JSON.parse 位置 0 处的 JSON 中出现意外标记 <

Answer 1

 private httpOptions = {
    headers: new HttpHeaders({
        'Accept': 'text/html',
        'Content-Type': 'application/json'
    }),
    responseType: 'text'
};

您的 HTTP 选项后面有一个额外的逗号responseType:'Text'

return this.http.post(this.authUrl,null, this.httpOptions)
        .subscribe(data => {
            console.log(data);
        });

此外，HttpClientModule的 HTTP POST将有效负载作为 POST 调用中的第二个参数。