title: Access to XMLHttpRequest at <url> has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers
body: <p>Im trying to consume TomTom maps api to get the location .</p>
  <p>My function :</p>
  <pre><code>  getLocationAddress(lat: number, lon: number) {
      const url = `${baseUrl}search/${versionNumber}/reverseGeocode/${lat},${lon}.json/?key=${apiKey}`;
      const headers = new HttpHeaders({
        &quot;Content-type&quot;: &quot;application/json&quot;,
        &quot;Access-Control-Allow-Methods&quot;: &quot;GET,OPTIONS,POST&quot;,
        &quot;Access-Control-Allow-Origin&quot;: &quot;*&quot;,
        &quot;Access-Control-Allow-Headers&quot;:
          &quot;Access-Control-Allow-Headers,Access-Control-Allow-Methods,Access-Control-Allow-Origin,Authorization,Content-Type&quot;,
      });
      const observable = this.http.get(url, { headers: headers }); 
      return observable;
    }
  </code></pre>
  <p>The url is correct and i have provided the headers as above . I cant get past this error:</p>
  <pre><code>Access to XMLHttpRequest at &lt;url&gt; has been blocked by CORS policy: Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response
        
  </code></pre>
  <p>TomTom is a 3rd party api server . The is routed to the correct location and i can see the response from the server on the browser when pasting the link in a new window</p>