Why Angular HTTP sends no body in POST request?

Question

This is method that sends request to server:

public Get(body: IGetPassportInfoRequest): Observable<IGetPassportInfoResponse> {

    let httpHeaders = new HttpHeaders({
      'Content-Type' : 'application/json',
      'Cache-Control': 'no-cache'
    });

    let options = {
      headers: httpHeaders
    };

    return this.http.post('http://ip:9090/terminal/get', body, options)
      .catch(this.handleError);
  }

Where body is object:

 const data: IGetPassportInfoRequest = {
      doc_serie: this.step1.controls['passport_seria'].value,
      doc_number: this.step1.controls['passport_number'].value
    };

In chrome network I see:

It sends OPTION request instead POST, why?: Request Method: OPTIONS Status Code: 405 Method Not Allowed — POV
– POV, Commented Aug 29, 2018 at 23:12
cross domain requests are always pre-flighted by an OPTION request, you need to enable cors on your server side — Ngoc Nam Nguyen
– Ngoc Nam Nguyen, Commented Aug 29, 2018 at 23:14

vicbyte · Accepted Answer · 2018-08-29 23:16:13Z

1

What you got here is a CORS related error. The server that you are trying to send data to needs to:

have appropriate CORS headers set
allow an OPTION method to be handled (CORS requests are always pre-flighted with OPTION request)

Readmore: CORS

answered Aug 29, 2018 at 23:16

vicbyte

3,7901 gold badge14 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

POV Over a year ago

Should I configure client or server?

vicbyte Over a year ago

Server. Depending on the type of software you are using there might be ready-made packages for your needs, or you'll need to manually set appropriate headers (usually you'll need allow-headers, allow-methods and allow-origin). As for the OPTION method, this can be the simplest route (i.e. return a blank page if the request method is OPTION).

POV Over a year ago

Okay, then why does Postman work from local machine and gives correct response

vicbyte Over a year ago

Because it's not a cross-origin request (page requesting another page), but rather a direct request from your browser to the target (just as if you would open the page in brower)

vicbyte Over a year ago

Postman utilises your browser to send the request directly to target server. (so it's not a cross-origin request)

|

Collectives™ on Stack Overflow

Why Angular HTTP sends no body in POST request?

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related