AngularJS $resource not sending X-Requested-With

Question

I'm using angular 1.1.5 and I'm using a $resource to make a XHR to a REST service but it seems like the the $resource isn't appending the header as X-Requested-With as XMLHttpRequest, is that a normal behavior? and Do I need to append the header manually?

function loginCtrl($scope,$resource) {     $scope.submit = function () {          var resource = $resource('/Api/User/login', {},               {                   authenticate: {                       method: 'POST',                       isArray: false,                       headers: {                           '__RequestVerificationToken':  $scope.loginRequest.Token                        }                   }               });          resource.authenticate($scope.loginRequest);     }; } 

Answer 1

Just add this to your app

myAppModule.config(['$httpProvider', function($httpProvider) {     $httpProvider.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'; }]); 

Answer 2

It used to but was changed. (see here)

"X-Requested-With header is rarely used in practice and by using it all the time we are triggering preflight checks for crossdomain requests."

From Thomas Pons' answer here.