Can not add bearer token in $resource header

Question

I am not able to add bearer token in $resource service header for token based authentication. I used following code

Factory

return $resource(appSettings.serverPath + "/api/product/:id", null, {
            'get': {
                method: 'GET',
                headers: {
                    'Authorization': 'Bearer ' + currentUser.getProfile().token
                }
            }

Also i tried below code as per some research in app.run

 $http.defaults.headers.common.Authorization = 'Bearer ' + currentUser.getProfile().token;

But both options do not add this header in my request and i can see request in chrome without this headers and hence got unauthorized response. I am using angular 1.5.9. Any clue on this.

yes after login i got bearer token. I want to send this brearer token on subsequent requests. — Rajaram Shelar, Dec 10 '16 at 20:24
is your header appends the Authorization when you look at your console? — Aravind, Dec 10 '16 at 20:36
No it is not captured in request header. thats what my worry is. — Rajaram Shelar, Dec 11 '16 at 05:27
Try adding `withCredentials: true`. For more information, see [SO: AngularJS withCredentials](http://stackoverflow.com/questions/13741533/angularjs-withcredentials) — georgeawg, Dec 11 '16 at 09:17

georgeawg · Answer 1 · 2016-12-10T20:32:51.023

Assuming currentUser is a service and currentUser.getProfile() is a synchronous API:

app.factory("myRestAPI", function(currentUser) {
    return $resource(appSettings.serverPath + "/api/product/:id", null, {
        'get': {
            method: 'GET',
            headers: {
                //REPLACE expression
                //'Authorization': 'Bearer ' + currentUser.getProfile().token
                //WITH a function
                'Authorization': 
                      function() {
                          return 'Bearer ' + currentUser.getProfile().token;
                      }
            }
        }
    );
});

By using a function instead of an expression, the Authorization header will be computed on every call.

From the Docs:¹

headers – {Object} – Map of strings or functions which return strings representing HTTP headers to send to the server. If the return value of a function is null, the header will not be sent. Functions accept a config object as an argument.

It is still not captured in request header. Is there any issues with angular js version? — Rajaram Shelar, Dec 11 '16 at 05:37
I got stuck with this exact issue and your answer saved a lot of time. Thanks! — Fabjan, Oct 11 '17 at 18:54

Can not add bearer token in $resource header

1 Answers1