title: Axios post request failing due to CORS but the same request using ajax is getting no issues
body: <p>I am getting following error wile doing axios post request.
  But when I use ajax request there is no issue:</p>
  
  <p>request has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.</p>
  
  <p>Ajax Request:</p>
  
  <p>Axios request:</p>
  
  <pre class="lang-js prettyprint-override"><code>let payload = {
      type: ["a", "b"],
      category: ["a", "b"],
      category: ["a", "b"],
      accountNumber: "123"
  
  };
  var apiURL = this.$apiBaseURL + "/Product/ProductDetails";
  $.ajax({
      url: apiURL,
      type: "POST",
      data: { payload },
      xhrFields: {
          withCredentials: true
      },
      success: function (result) {
          console.log(JSON.stringify(result));
      }
  });
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>this.$http.post(apiURL,payload,{withCredentials: true})
  </code></pre>
  
  <p>**UPDATE 1 **</p>
  
  <p>I am still facing the same issue. Here I will share the request header in both ajax and axios request</p>
  
  <p><strong>AJAX Working code and request header</strong> :</p>
  
  <pre><code>{
   var apiURL = this.$apiBaseURL + "/Request/MediaUpload";
  $.ajax({
  method: 'post',
  processData: false,
  contentType: false,
  cache: false,
  data: fileformData,
  enctype: 'multipart/form-data',
  url: apiURL,
        xhrFields: {
          withCredentials: true
        }
      });
  }
  </code></pre>
  
  <p>Request header:</p>
  
  <pre><code>Accept: */*
  Accept-Encoding: gzip, deflate, br
  Accept-Language: en-US,en;q=0.9
  Connection: keep-alive
  Content-Length: 7610
  Content-Type: multipart/form-data; boundary=---- 
  WebKitFormBoundaryAjc8HwVPaRtQ5Iby
  Host: localhost:62148
  Origin: http://localhost:8989
  Referer: http://localhost:8989/
  Sec-Fetch-Mode: cors
  Sec-Fetch-Site: same-site
  User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 
  (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36
  </code></pre>
  
  <p>AXIOS failing code and header</p>
  
  <pre><code>var apiURL = this.$apiBaseURL + "/Request/MediaUpload";
  var self=this; 
  let config={
    headers:{
     'Content-Type': 'multipart/form-data'
    }
  }
  this.$http.post(apiURL, { withCredentials: true },fileformData,
           config)
  </code></pre>
  
  <p>Request Headers:</p>
  
  <pre><code>        Provisional headers are shown
          Accept: application/json, text/plain, */*
          Content-Type: application/json;charset=UTF-8
          Referer: http://localhost:8989/
          User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36
  </code></pre>
  
  <p>Here is my web api config where I have enabled cors</p>
  
  <pre><code>string origin = "http://localhost:8989";
  
          EnableCorsAttribute cors = new EnableCorsAttribute(origin, "*", "*", "*");
          cors.SupportsCredentials = true;
          config.EnableCors(cors);
          // Web API routes
          config.MapHttpAttributeRoutes();
  
          config.Routes.MapHttpRoute(
              name: "DefaultApi",
              routeTemplate: "api/{controller}/{id}",
              defaults: new { id = RouteParameter.Optional }
          );
  </code></pre>
  
  <p>**UPDATE 2 **</p>
  
  <p>The CORS configuration at server side is done correctly thats why I am able to make the call successfully via AJAX. 
  Is this a known AXIOS issue which occurs only when we enable the windows authentication?</p>