title: Set headers on get request angular 2
body: <p>I try to set an Authorization header to a GET request to authenticate users to a rest API. I'm using Angular 2 RC1. (I'am a total beginner).</p>
  
  <pre><code>getTest(){
      let authToken = localStorage.getItem('auth_token');
      let headers = new Headers({ 'Content-Type': 'application/json' });
      headers.append('Authorization', `Bearer ${authToken}`);
  
      let options = new RequestOptions({ headers: headers });
      return this._http
        .get(this._url,options)
        .map(res =&gt; console.log(res));
    }
  </code></pre>
  
  <p>I allow CORS in my backend.</p>
  
  <pre><code>header("Access-Control-Allow-Origin: *");
  header("Access-Control-Request-Headers: Content-Type, Authorization");
  </code></pre>
  
  <p>My console :</p>
  
  <blockquote>
    <p>OPTIONS api/userProfile/</p>
    
    <p>XMLHttpRequest cannot load /userProfile/. Response for preflight has
    invalid HTTP status code 406</p>
  </blockquote>
  
  <p><a href="http://i.stack.imgur.com/5eHnv.png" rel="noreferrer">My request headers</a></p>
  
  <p>Any idea ?</p>