title: Angular 4 GET 403 response
body: <p>I write an app in Angular 4 that calls a REST API (DJANGO).
  The code is as followed:</p>
  
  <pre><code>export class ForecastUnitService {
  
  private path = 'forecastunit/';
  private options;
  constructor (private http: Http, private c:CentralService) {
  this.options=this.c.createOptions();
  }
  
  getForecastUnits(): Observable&lt;ForecastUnit[]&gt; {
  return this.http.get(this.c.createURL(this.path),this.options)
    .map(this.extractData)
    .catch(this.handleError);
  }
  ...
  }
  </code></pre>
  
  <p>I add options that contains an authorization header, but still I get
  a 403 forbidden. However when I try the call with cUrl or Postman or in swagger, with the same token I get results.
  So first tought, the headers aren't correct but when I log options I get:</p>
  
  <pre><code>{"method":null,"headers":{"Authorization":["**Correct Token**"],"Content-Type":["application/json"]},"body":null,"url":null,"withCredentials":null,"responseType":null}
  </code></pre>
  
  <p>So that is not the problem, when I look in the response from Chrome I see the following: </p>
  
  <pre><code>{"detail":"Authentication credentials were not provided."}
  </code></pre>
  
  <p>So again no credentials, but I really passed them, what is going wrong?</p>