Angular 5 - GET method sent as OPTIONS after adding headers

Question

Hello,

I have a problem with my HTTP requests. Is it possible please to help me understand what is happening?

When I am sending a GET request it is sent as OPTIONS:

let headers = new HttpHeaders();

headers = headers.set('Content-Type', 'application/json; charset=utf-8')
.set('Authorization','bearer ' + this.auth.getUserToken());

 this.http.get(SERVER.URL_PROD + API.VERSION + API.GET_USERS, {headers: headers}).subscribe((res: any) => {
  console.log(res);
});

In my chrome dev tool debug I see the following:

Request Method: OPTIONS

Status Code: 405 Method Not Allowed

It's a CORS request developer.mozilla.org/en-US/docs/Web/HTTP/CORS — David
– David, Commented Feb 5, 2018 at 21:28
Possible duplicate of Why is an OPTIONS request sent and can I disable it? — Quentin
– Quentin, Commented Feb 5, 2018 at 21:38

Mike Tung · Accepted Answer · 2018-02-05 21:35:24Z

5

Like David said, you are experiencing a CORS issue. Specifically when you are on a browser, the browser sends an OPTIONS request to the api/backend to say hey can I get this before firing a GET. If the response to OPTIONS comes back as no you cannot, such as your 405 then you are prevented from doing a GET.

In order to fix this, the backend that you are hitting needs to implement CORS and allow the various HTTP METHODS that it supports.

answered Feb 5, 2018 at 21:35

Mike Tung

4,8411 gold badge19 silver badges25 bronze badges

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

1 Comment

user6546249 Over a year ago

Thank you for your very clear and quick response. +1

Collectives™ on Stack Overflow

Angular 5 - GET method sent as OPTIONS after adding headers

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related