Angular 6:HttpErrorResponse SyntaxError:JSON中的意外标记

Question

我发布了一个请求,我想收到一个'成功'字符串作为响应.我收到一个HttpResponseError,下面的图片中显示了以下信息.

PurchaseOrderService

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'))
                 );
  }

PurchaseOrderComponent

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

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

Answer 1

这与您的api响应类型有关,success是无效的json格式,默认情况下HttpClient是预期的json响应类型,并尝试稍后解析它.您可以通过将响应类型设置为这样的文本来解决此问题

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