javascript - how to pass authtoken via header using angular js - Stack Overflow

I am trying to pass my api authtoken via the header. I am new to angular js so i am not able to do that. My code:

$scope.init=function(authtoken,cityname){   
        $scope.authtoken=authtoken;                     
        $scope.cityname=cityname;               
        $http({method: 'GET', url: '/api/v1/asas?city='+$scope.cityname+'&auth='+$scope.authtoken}).success(function(data) {                

Right now I am passing the authtoken in the api url. But I want to pass the token via the header.

I am trying to pass my api authtoken via the header. I am new to angular js so i am not able to do that. My code:

$scope.init=function(authtoken,cityname){   
        $scope.authtoken=authtoken;                     
        $scope.cityname=cityname;               
        $http({method: 'GET', url: '/api/v1/asas?city='+$scope.cityname+'&auth='+$scope.authtoken}).success(function(data) {                

Right now I am passing the authtoken in the api url. But I want to pass the token via the header.

• javascript
• angularjs

Share Follow edited Jul 15, 2015 at 17:14 Beehive Software Consultants 41211 gold badge55 silver badges2222 bronze badges asked Sep 19, 2014 at 12:31 Himanshu BhuyanHimanshu Bhuyan 30622 gold badges88 silver badges2020 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

usually you pass auth token in headers. Here is how i did it for one of my apps

angular.module('app', []).run(function($http) {
        $http.defaults.headers.mon.Authorization = token;
    });

this will add auth token to headers by default so that you wont have to include is every time you make a request. If you want to include it in every call then it will be something like this

$http({
    method: 'GET', 
    url: '/api/v1/asas?city='+$scope.cityname,
    headers:{
        'Authorization': $scope.authtoken
    }
}).success(function(data) {
    //success response.
}).error(function(error){
    //failed response.
});

You can configure on application run

youapp.run(function($http) {
    $http.defaults.headers.mon.Authorization = 'Basic YmVlcDpib29w'
});

or pass it throw each request

$http({
    url:'url',
    headers:{
        Authorization : 'Basic YmVlcDpib29w'
    }
})

Angular $Http reference