Set headers on get request angular 2
<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>