title: How to fix request header content-type missing in IE11 | Angular 8 App
body: <p>I am trying to update an Angular library to make it IE11 compliant.<br>
  The main problem that I'm facing is that all of the requests that the app makes to our backend fail in IE11. For chrome/firefox this issue is not present.</p>
  
  <p>Here is what I see in the IE dev tools:</p>
  
  <blockquote>
    <p><code>SEC7123: Request header content-type was not present in the Access-Control-Allow-Headers list.</code><br>
    <code>SCRIPT7002: XMLHttpRequest: Network Error 0x80070005, Access is denied.</code><br>
    <code>[object Object][object Object]</code><br>
    <code>&gt; message: "Http failure response for https://&lt;redacted-url&gt;/: 0 Unknown Error"</code></p>
  </blockquote>
  
  <p><strong>Is this a problem related to the server configuration or is there something I can change from the front-end?</strong></p>
  
  <p>Please let me know if there is something else I can add to help find the issue.</p>
  
  <p>PS: <a href="https://stackoverflow.com/questions/45792360/http-preflight-options-request-fails-in-ie-only">Changing this internet explorer setting does solve the issue, but obviously it's not a viable solution</a></p>
  
  <p>Also, I should note that the backend and the front-end are <strong>NOT on the same domain</strong>. (And this can't be changed)</p>