AngularJS $resource not sending custom headers

Question

I'm using angular and angular-resource version 1.1.5 and I'm using a $resource to make a request to a REST service. But it seems like the custom headers is not appended to the request. My definition is as below. Is there anything I did wrong?

myApp.factory('User', function($resource) {
    var User = $resource('http://localhost\\:7017/mydomain/users/jack', { }, {
        get: {
            method: 'GET',
            isArray: false,
            headers: {'X-Requested-By':'abc'}
        }
    });
    return User;
});

Adam · Accepted Answer · 2013-11-11 21:19:03Z

1

Read this to see how to configure default headers in one place: http://docs.angularjs.org/api/ng.$http

EDIT:

Your header must be included in Access-Control-Allow-Headers header in response to the OPTIONS request, which is sent automatically prior to your GET request.

edited Nov 11, 2013 at 21:19

answered Nov 7, 2013 at 0:21

Adam

2,9272 gold badges25 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

10 Comments

user2961105 Over a year ago

Thanks for your reply. I'm using $resource not $http. ":" is a reserved character in $resource and I need to use double back slash.

Adam Over a year ago

Of course, you're right about the colon. Note however that $resource uses $http internally, so setting headers for $http will work for you. If not, then check this out: stackoverflow.com/questions/12791667/…

user2961105 Over a year ago

Yes. the "query" is a typo. It should be "get".

user2961105 Over a year ago

Thanks. I have read that thread. It says 1.1.3 support $resource headers. I tried both 1.1.3 and 1.1.5 but cannot get the custom header working.

Adam Over a year ago

How do you check if the header is sent? Look in the browser console. Maybe it's a server-side issue? BTW, I got it working even with Angular 1.0.8.

|

tmaximini · Accepted Answer · 2013-12-04 10:42:40Z

1

You can modify the default headers inside the $httpProvider.

the headers are an object and separated intocommon, patch, post and put

headers in dev tools

so if you want to change the default for all your requests, just do a

$httpProvider.defaults.headers.put['Content-Type'] = 'application/json';

answered Dec 4, 2013 at 10:42

tmaximini

8,4937 gold badges49 silver badges69 bronze badges

Comments

Shivox · Accepted Answer · 2015-04-07 10:30:14Z

1

You have to call get method by using its name, i.e User.get(callback)

It seems that custom headers do not get sent when get method is called with User.query(callback)

answered Apr 7, 2015 at 10:30

Shivox

131 silver badge4 bronze badges

Collectives™ on Stack Overflow

AngularJS $resource not sending custom headers

3 Answers 3

10 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

10 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related