AngularJS $ resource does not send X-Requested-With

Question

I am using angular 1.1.5 and I am using $ resource to do XHR for the REST service, but it looks like $ resource is not adding a header like X-Requested-With as XMLHttpRequest, is this normal behavior? and do i need to add 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 be, but it has been changed. (see here)

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

From Thomas Pon's answer here .

Answer 3

I had the same problem and decided to use it:

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

You can also set a header for accepting application/json :

 $http({ method: 'GET', url: '/someUrl', headers: { Accept: 'application/json' } })