AngularJS: внедрение токена в $ http

Question

Я очень новичок в angularJS.

Мой Backend - DRF, и я успешно применил токен.

это мой токен:

{
    "key": "217c3b5913b583a0dc3285e3521c58b4d7d88ce2"
}

До того, как я внедрил токен в бэкэнд, он работал хорошо:

$scope.getAllContact = function() {
    var data = $http.get("http://127.0.0.1:8000/api/v1/contact")
    .then(function(response) {
      $scope.contacts = response.data;
    });
  };

Но сейчас я не понимаю, как мне реализовать этот токен здесь

Может ли кто-нибудь помочь мне в этом случае?

Answer 1

Попробуйте использовать это. Вам необходимо прикрепить токен в заголовках.

$http({
   url : "http://127.0.0.1:8000/api/v1/contact",
   method : 'GET',
  headers : {
      'Content-Type' : 'application/json',    
      'key': "217c3b5913b583a0dc3285e3521c58b4d7d88ce2"
  }
}).then(function(response){
    $scope.contacts = response.data;
});

Обратите внимание, что это привязывает токен только к этому запросу. Используйте перехватчики $http для добавления токена к каждому вашему запросу. Смотрите здесь: Angular Js - установить токен по умолчанию для заголовка