title: Angular2 Headers not set on POST
body: <p>I know there are a lot of questions like this but none did solved my issue...</p>
  
  <p>I'm new in Angular2 and trying to make a POST request but the headers I specify aren't set...</p>
  
  <p>My code is:</p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import {Http, Headers} from '@angular/http';
  import 'rxjs/add/operator/map';
  
  @Injectable()
  export class LoginService {
    constructor(private http: Http) {
    }
  
    login(email, pass) {
  
        var headers = new Headers();
        headers.append('Content-Type', 'application/json');
  
        const user = {"email": email, "password": pass};
        console.log(JSON.stringify(headers));
        return this.http.post("http://localhost/api/users/login", JSON.stringify(user), {headers: headers}).map(res =&gt; res.json());
    }
  }
  </code></pre>
  
  <p>When I look in Chrome's inspector the request header looks like this:</p>
  
  <pre><code>OPTIONS /api/users/login HTTP/1.1
  Host: localhost
  Connection: keep-alive
  Access-Control-Request-Method: POST
  Origin: http://localhost:4200
  User-Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.81 Safari/537.36
  Access-Control-Request-Headers: content-type
  Accept: */*
  Referer: http://localhost:4200/
  Accept-Encoding: gzip, deflate, sdch, br
  Accept-Language: en-US,en;q=0.8
  </code></pre>
  
  <p>Dont know why it's in the <em>Access-Control-Request-Headers</em> now...</p>
  
  <p>Btw: if I try the same from in post man, it works fine...</p>
  
  <p>Thanks for your help</p>
  
  <p>EDIT:
  Forgot to mention that if I set "application/x-www-form-urlencoded" as contet-type, it does show in the request header</p>