Angular 6 : HttpErrorResponse SyntaxError: Unexpected token s in JSON

Question

我正在发布一个请求，并且我想收到一个“成功”字符串作为响应。我收到一个 HttpResponseError，其中包含下图中发布的以下信息。

采购订单服务

postPurchaseOrderCustom(purchaseOrderCustom: PurchaseOrderSaveCustom) {
 const url = `${this.localUrl}purchaseOrderCustom`;
 return this.http.post<String>(url, purchaseOrderCustom, {headers: this.header})
            .pipe(
                   catchError(this.handleError('postPurchaseOrderCustom', 'I am an error'))
                 );
  }

采购订单组件

this.purchaseOrderService.postPurchaseOrderCustom(purchaseOrderCustom).subscribe( response => {
  console.log("Testing", response);
  },
  error => {
    console.error('errorMsg',error );   
  }

我这样做的方式与文档中的方式相同。请向我指出我做错了什么。

Answer 1

这与你的 api 响应类型有关，success 不是有效的 json 格式，默认情况下 HttpClient 是预期的 json 响应类型，稍后尝试解析它。您可以通过将响应类型设置为 text like this

来解决此问题

return this.http.post<String>(
    url,
    purchaseOrderCustom,
    { headers: this.header, responseType: 'text' }
)
    .pipe(
        catchError(this.handleError('postPurchaseOrderCustom', 'I am an error')
        ));