seeing 2 requests to server, one without and one with the Authorization header

Angular 4.3.3 build --prod using ahead of time compilation

When a request is made from the client via:

this.authHttp.get(url, options)
    .subscribe(
      data => console.log("res data:", data),
      error => console.log("error:", error),
      () => console.log('complete')
);

I am seeing 2 requests occur when there should only be one, correct?

The first with the initiator being the pollyfills JS chunk which does NOT include the Authorization header.

That request is immediately followed by a second request with the initiator labeled Other. This request DOES include the Authorization header correctly.

Is this a bug?

Does anyone know how to prevent the first request from firing?

Any help greatly appreciated.

[chenkie]

Thanks for putting the link here @escardin.

@gitdisrupt the OPTIONS call happens to ask the server what kinds of requests it supports before making the actual intended request. It’s a browser thing rather than an Angular/angular2-jwt thing.

[escardin]

See: https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

You won’t see double, only the initial request for each url should see it.