AngularJS custom headers request

Question

I am building an Ionic app, and trying to set custom headers for every GET request I do on the app.

This is the CustomHeaderController

angular.module('myHeader',[])
.controller('headerCtrl',['customHeader',function(customHeader){
var config = {headers:  {
'Authorization': 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==',
'Accept': 'text/html;odata=verbose',
"X-Request-from" : "{{vm.data.os}}" }};
$http.get('http://localhost:8100, config); }])

At the moment when I inspect the page, I do not get any custom header, just the default one.

Any clues? Appreciate it! Cheers.

Community · Accepted Answer · 2017-05-23 10:27:26Z

1

You need to use interceptor in this case with every http request.

Interceptor Details

edited May 23, 2017 at 10:27

CommunityBot

11 silver badge

answered Sep 26, 2016 at 12:17

Pravin Erande

899 bronze badges

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

3 Comments

Rareș Urs Over a year ago

cheers mate! And if I want to check for only one request, for example lcoalhost:8100 ? Do I still have to use interceptors? Or I could use the code I have

Pravin Erande Over a year ago

Ideally in application there will be like as many as HTTP request, so its good habit to use intercepter.

Rareș Urs Over a year ago

Cheers! @Parvin Erande

Collectives™ on Stack Overflow

AngularJS custom headers request

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related