title: Chrome NOT performing a preflight request
body: <p>I've worked with some previous APIs in AngularJS, however there has always been a preflight using the <code>OPTIONS</code> method. Now I am building a new API from scratch and for some reason, AngularJS does NOT send a preflight request.</p>
  
  <p>From what I have experienced AngularJS always sends a preflight when working with <code>CORS</code>, but not in my case. So question is really, what triggers a preflight in AngularJS if its not request to a domain which is not the same as the one AngularJS is being hosted on?</p>
  
  <p><strong>The example I have is quite easy and looks like this:</strong></p>
  
  <pre><code>$scope.submit = function () {
    $http.post('https://slimapi.devz/')
      .then(function successCallback(response){
        alert(response.data);
      }, function errorCallback(response) {
        console.log(response);
      });
  }
  </code></pre>
  
  <p>The requesting URL is <code>https://slimfrontend.devz/</code>.</p>
  
  <p>Chrome gets triggered by the response headers in the <code>XHR</code> with the <code>POST</code> method, and will not display the result, however, the result is being fetched (as seen in timeline). But again, there is no sign of <code>OPTIONS</code> preflight.</p>
  
  <p>Here is a picture of what my request looks like, and as you can see by the arrow. Chrome does detect the bad match of the origin.</p>
  
  <p><a href="https://i.stack.imgur.com/NnkXq.png" rel="noreferrer"><img src="https://i.stack.imgur.com/NnkXq.png" alt="timeline view"></a></p>