title: Angular - has been blocked by CORS Policy - header - Request header field authentication is not allowed
body: <p>Yes I looked many of the similar questions about CORS and the header.
  I tried many of them but still I get this error in Google Chrome.</p>
  <pre><code>Access to XMLHttpRequest at 'https://service.domain.com/clientlist' from origin 'http://localhost:4200' has been blocked by CORS policy:
  Request header field authentication is not allowed by Access-Control-Allow-Headers in preflight response.
  </code></pre>
  <p>My code :</p>
  <pre><code>      request = request.clone({
          setHeaders: {
            'Content-Type': 'application/json',
            authentication: `Basic ${myCredentials}`,
            'Access-Control-Allow-Headers': 'X-Requested-With, Content-Type, authentication, Accept, Access-Control-Request-Method, Access-Control-Request-Headers',
          }
        });
  </code></pre>
  <p>I even tried in it combination with these following options :</p>
  <pre><code>'access-control-allow-credentials': true,
  'access-control-allow-origin': 'http://localhost:4200',
  </code></pre>
  <p>${myCredentials} =&gt; is filled in correctly, because when I run :</p>
  <pre><code>chrome.exe --user-data-dir=&quot;C://Chrome dev session&quot; --disable-web-security
  </code></pre>
  <p>it runs good, and also the call after to a webservice works perfectly !
  Because I use :</p>
  <pre><code>export class BasicAuthInterceptor implements HttpInterceptor {
  ...
  }
  </code></pre>
  <p>Thank you in advance !</p>