Angular 2 Basic Authentication not working
<p>I'm trying to connect/ do a POST request to an API with Angular2, It's a very simple API with a Basic Authentication password.
When disabling the password on the api everything works like expected. But when I enable the Basic Authentication Angular can no longer connect to the API. In Postman everything works. I tried the following without success.</p>

<p>I've got two headers "Content-Type" and "Authorization"</p>

<pre><code>headers.append("Content-Type", "application/x-www-form-urlencoded");
</code></pre>

<p>I've tried these two headers.</p>

<pre><code>headers.append("Authorization", "Basic " + btoa(Username + ":" + Password)); 
headers.append("Authorization", "Basic VXNlcm5hbWU6UGFzc3dvcmQ=");
</code></pre>

<p>The only thing I can find is that in the RAW request headers there's only a line with the header names but the values are missing:</p>

<pre><code>Access-Control-Request-Headers: authorization, content-type
</code></pre>

<p>Raw headers:</p>

<pre><code>#Request Headers
OPTIONS /shipment HTTP/1.1
Host: api.example.com
Connection: keep-alive
Access-Control-Request-Method: POST
Origin: http://localhost:4200
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36
Access-Control-Request-Headers: authorization, content-type
Accept: */*
Referer: http://localhost:4200/address
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-US,en;q=0.8,nl;q=0.6
</code></pre>

<p>Hope someone can help</p>