title: AngularJs custom headers with restful API GET method
body: <p>I'm not being able to pass custom headers to connect to my API, when I run the app in google chrome, I get the following error:</p>
  
  <pre><code>Remote Address:177.70.11.212:10
  Status Code:401 Authorization Required
  Request Headersview source
  Accept:*/*
  Accept-Encoding:gzip, deflate, sdch
  Accept-Language:pt-PT,pt;q=0.8,en-US;q=0.6,en;q=0.4
  Access-Control-Request-Headers:accept, x-api-credencial, x-api-origem, x-api-token
  Access-Control-Request-Method:GET
  Connection:keep-alive
  Host:api.repmais.com
  Origin:http://evil.com/
  Referer:http://localhost:8100/
  </code></pre>
  
  <p>And I can't see my headers in the network table, what am I missing here?</p>
  
  <pre><code>     angular.module('starter.services', [])
  
  
      .factory('ServiceClientes', ['$http', function ($http) {
  
          var endpoint = 'http://api.repmais.com/api/clients';
  
          var token = "99KI9Gj68CgCf70deM22Ka64chef2C40Gm2lFJ2J0G9JkD0bFAcbFfd19MfacGf3FFm8CM1hG0eDiIk8";
          var credencial = "rm@w.com.br:cd87cd5ef753a06ee79fc75ds7cfe66c";
          var origem = "mobile";
  
  
           var config = {
          url: endpoint,
          method: 'GET',
          headers: {
              'X-API-TOKEN': token,
              'X-API-CREDENCIAL': credencial,
              'X-API-ORIGEM': origem
          }
      };
  
  
      return {
  
          getAll: function () {
              return $http(config);
          }
   }]);
  </code></pre>
  
  <p>app.js:</p>
  
  <pre><code> .config(['$httpProvider', function($httpProvider) {
          $httpProvider.defaults.useXDomain = true;
          $httpProvider.defaults.withCredentials = false;
          $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest';
      }
      ])
  </code></pre>
  
  <p>controller.js:</p>
  
  <pre><code>.controller('PlaylistsCtrl', function ($scope, ServiceClientes) {
  
          ServiceClientes.getAll().success(function (data) {
              console.log(data);
          }).error(function (error) {
              console.log(error);
          });
  </code></pre>