how to pass authtoken via header using angular js

Question

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.

jhpratt · Accepted Answer · 2018-06-30 00:25:58Z

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.common.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.
});

edited Jun 30, 2018 at 0:25

jhpratt

7,15016 gold badges43 silver badges53 bronze badges

answered Sep 19, 2014 at 12:44

khizar naeem

2962 silver badges6 bronze badges

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

2 Comments

Himanshu Bhuyan Over a year ago

in run how i pass my authtoken .Now i get my authtoken in init function.I try to call authtoken in run but it not work like run(function($http,authtoken)

khizar naeem Over a year ago

i dont think you can pass authtoken to run function.

BlaShadow · Accepted Answer · 2014-09-19 12:40:42Z

4

You can configure on application run

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

or pass it throw each request

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

Angular $Http reference

answered Sep 19, 2014 at 12:40

BlaShadow

11.8k7 gold badges44 silver badges62 bronze badges

Collectives™ on Stack Overflow

how to pass authtoken via header using angular js

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related