HttpHeaders not set in Angular 5 HttpClient.post

Asked Feb 20 '18 at 12:03

Active Feb 22 '18 at 09:37

Viewed 2,148 times

I would like to send a POST-request using the Angular 5 HttpClient. My code looks like:

async download(body: PostZipFileRequest): Promise<any> {
    const post: string = environment.zipFileDownload;
    const httpHeaders = new HttpHeaders({
      'Content-Type': 'application/json',
      'Accept': 'application/json'
  });
    try {
        return await this.http.post(post, body.Assets, {
            headers: httpHeaders
        }).toPromise();
    } catch (error) {
        this.handleError(error);
    }
}

But I get an error of type: Status Code:415 Unsupported Media Type

because the Content-Type is 'text/plain' and not 'application/json'. Why isn't it json like I would expect? My WebAPI only accepts JSON. If I do a GET-request I don't need any headers. Angular sends "application/json" as Content-Type by default.

asked Feb 20 '18 at 12:03

Rocco Hundertmark

Have you already read through this previous question? [Angular HttpClient doesn't send header](https://stackoverflow.com/q/45286764/1260204) – Igor Feb 20 '18 at 12:10
is that the actual POST request or the preflight request? (request method POST or OPTIONS) – Jota.Toledo Feb 20 '18 at 12:11
next question: what is the type of `this.http`? are you using the old Http or the new HttpClient api? Please add the explicit declaration of the mentioned member – Jota.Toledo Feb 20 '18 at 12:15
what type is the content of body.Assets ? – David Feb 20 '18 at 12:33
Thank you for the information: I already copied the post and it doesn't work – Rocco Hundertmark Feb 20 '18 at 13:03
this.http is the new HttpClient from import { HttpClient, HttpHeaders } from '@angular/common/http'; – Rocco Hundertmark Feb 20 '18 at 13:03
body.Asset is an Array The payload is correct in the POST – Rocco Hundertmark Feb 20 '18 at 13:04
Try JSON.stringify(body.Assets) in your http call – David Feb 20 '18 at 13:27
JSON.stringify(body.Assets) has the same result: Content-Type:text/plain – Rocco Hundertmark Feb 20 '18 at 13:35
have you tried using interceptors.? – Prasanth S Feb 20 '18 at 13:51
Can you create minimal example on stackblitz? – David Feb 20 '18 at 13:58
OMG you are right, there is an interceptor for POST-requests. Thanks a lot. – Rocco Hundertmark Feb 22 '18 at 09:33

HttpHeaders not set in Angular 5 HttpClient.post

0 Answers0