angularjs ajax header,angularjs - Angular Js - set token on header default - Stack Overflow

Im trying to add a header with my access token to each API call. It works well for all the GET requests, but as soon as I try to make a POST the header isn't added.

Here is how I add the token:

app.factory('api', function ($http, $cookies) {

return {

init: function (token) {

$http.defaults.headers.common['Token'] = token || $cookies.loginTokenCookie;

}

};

});

Which gets called from here:

app.run(function ($cookies, $http, $location, $rootScope,api) {

$rootScope.location = $location;

api.init();

});

I have tried doing it like the following:

app.factory('api', function ($http, $cookies) {

return {

init: function (token) {

$http.defaults.headers.common['Token'] = token || $cookies.loginTokenCookie;

$http.defaults.headers.post['Token'] = token || $cookies.loginTokenCookie;

}

};

});

But this also doesnt work. It only works when I change the header key name like the following:

$http.defaults.headers.post['Token-Post'] = token || $cookies.loginTokenCookie;

How do I assign a default header to posts and get requests in AngularJs?