angular $http GET request with authorization token header

Question

I am trying to replicate this curl using angular $http.get,

curl -H "Accept: application/json" http://localhost:3000/posts -H 'Authorization: Token token="1111"'

but I am not sure how to properly set the angular header

this is how I tried it,

    app.controller('newsCtrl', function($http, $scope){
      $scope.news =[];
      $http.get('http://localhost:3000/posts.json', {
        headers: {"Authorization": "Token[token]=1111"}).success(function(response){
        console.log(response)
      })
    })

So how do I properly set the header?

Thank you ps: I am not using Basic authentication.

Why are you using Token[token]=1111 in Angular and not Authorization: Token token="1111"? — Anid Monsur
– Anid Monsur, Commented Sep 2, 2015 at 1:57
That is my question actually, how to properly write the header. I tried this as well, $http.get('http://localhost:3000/posts.json', { headers: {"Authorization: Token token=1111"}) but still not working. — syafiq faiz
– syafiq faiz, Commented Sep 2, 2015 at 2:03

Anid Monsur · Accepted Answer · 2015-09-02 02:06:35Z

11

If you want the Authorization header to contain Token token="1111", then this should work. It looks like your brackets were not matching up also.

  $http.get('http://localhost:3000/posts.json', {
    headers: {
        "Authorization": 'Token token="1111"'
    }
  }).success(function(response){
    console.log(response)
  });

answered Sep 2, 2015 at 2:06

Anid Monsur

4,5381 gold badge19 silver badges24 bronze badges

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

3 Comments

Sohlae Over a year ago

Sorry for my question but doesn't this approach expose your API key (using developer tools)?

Anid Monsur Over a year ago

Yes, it would. Depending on your use case, that may or may not be acceptable.

ErikAGriffin Over a year ago

@AnidMonsur could you elaborate on why this is exposing the token? Is that still true if one uses TLS?

Collectives™ on Stack Overflow

angular $http GET request with authorization token header

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related