在 Angular 5 POST 调用中获取 400 Bad Request 错误代码

Question

我有一个离子应用程序，我通过它使用 POST 方法调用休息服务。我正在向服务器发送一大串 base64 数据。如果我通过邮递员发送请求，一切正常。但是，当我通过应用程序发送它时，它给了我一个 400 Bad Request 错误。 这是我的角度提供程序代码：-

 uploadPic(bugImage : any){
    const headers1 = new HttpHeaders();
    headers1.append('Content-Type', 'application/json');

    return this.http.post(this._global.LocalserviceURL + 'ReportaBug', JSON.stringify(bugImage),{headers : headers1}).map(result => result).catch(this.errorHandler);
  }
  errorHandler(error: HttpErrorResponse) {
    return Observable.throw(error.message || "Sever Error");
  }

这就是我使用提供者方法的方式：-

onBasicUpload(e: any) {
    this.imgpov.uploadPic(this.test).subscribe(res => {
      console.log(res);
    })

我在网上查看过，它说也要发送标头。我想我正在发送适当的标题。我如何让这个工作？

Answer 1

我发现根本原因应该是您的请求标头中的 Content-type 尚未更新。

尝试使用 const headers1 = new HttpHeaders().set('Content-Type', 'application/json'); 喜欢Angular HttpClient doesn't send header

Answer 2

您需要查看“内容类型标头”

headers: new HttpHeaders( {
      **'Content-Type': 'application/json'**,
      'Authorization': 'Basic ' + token
    } )

或者

headers: new Headers({'Content-Type': 'application/x-www-form-urlencoded'

因此，您需要根据请求的内容类型添加这些标头。