title: No 'Access-Control-Allow-Origin' with Angularjs
body: <p>Cannot figure out how to get around cross domain issue. My code:</p>
  
  <pre><code>$apiUrl = 'https://gtmetrix.com/api/0.1/test';
  $apiUser = 'joe@vandigroup.com';
  $apiKey = '1234567890';
  $requestUrl = 'http://converge.io';
  
      function FetchCtrl($scope, $http, $templateCache) {
  
          $scope.method = 'post';
          $scope.url = $requestUrl;
  
          $scope.fetch = function() {
              $scope.code = null;
              $scope.response = null;
  
              $http({method: $scope.method, url: $apiUrl + '?login-user=' + $apiUser + '&amp;login-pass=34bcb5c46bc6d5fb18a8552820027eb9' + '&amp;url=' + $scope.url, cache: $templateCache}).
              success(function(data, status) {
                  $scope.status = status;
                  $scope.data = data;
              }).
              error(function(data, status) {
                  $scope.data = data || "Request failed";
                  $scope.status = status;
              });
          };
          $scope.fetch();
  
          $scope.updateModel = function(method, url) {
              $scope.method = method;
              $scope.url = url;
          };
  
      }
  </code></pre>
  
  <p>The error:</p>
  
  <pre><code>XMLHttpRequest cannot load https://gtmetrix.com/api/0.1/test?login-user=joe@vandigroup.com&amp;login-pass=1234567890&amp;url=http://converge.io. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://converge' is therefore not allowed access. 
  </code></pre>
  
  <p>It seems that I need to include the following but cannot get it to work:</p>
  
  <pre><code>delete $http.defaults.headers.common['X-Requested-With'];
  </code></pre>