如何在angularjs http中添加访问令牌

Question

我是使用 angularJS 作为我的客户端开发网站的新手，我正在尝试使用 $http.get 方法通过 API 调用访问我的 JSON。

我的问题是我的 API 调用需要访问令牌。每当我尝试刷新我的页面时，我总是收到此错误。

XMLHttpRequest 无法加载http://unexus-api-dev-3urcgetdum.elasticbeanstalk.com/drugstores。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问Origin ' http://localhost:8888 '。

我目前正在使用此代码来获取我的数据。

myApp.controller('loginCtrl', function($scope, $http) {
  $http.get("http://unexus-api-dev-3urcgetdum.elasticbeanstalk.com/drugstores")
    .then(function(response) {
      $scope.names = response.data.records;
    });
});

我如何在 $http.get 方法上插入访问令牌。

Answer 1

这取决于您的 API 如何获取此访问令牌。最流行的选择是在您的请求中添加特定的标头

var req = {
   method: 'POST',
   url: 'http://example.com',
   headers: {
      'Authorization': 'access token'
   },
}

$http(req).then(function(){...}, function(){...});

你也可以全局添加

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

或者通过使用 Angular 拦截器 http://www.diwebsity.com/2015/12/17/interceptor-in-angular/