Простая аутентификация REST получает вызов с запросом перехватчиков угловой службы

Question

Я хочу передать комбинацию имени пользователя и пароля, которая необходима для вызова REST на api.

Controller.js

var app = angular.module('myApp', []); 

//The service to put the interceptor configuration on (not on all $http method calls) 
app.factory('getCallsApi', ['$http', function($http) { 
    return { 
     get: function(callback) { 
      $http.get(/* REST URI */).success(function(data) { 
       callback(data); 
      }); 
     } 
    } 
}]); 

var Interceptor = function($q) { 
    return { 
     request: function(config) { 
      //TODO: Pass in username and password (hardcoded) to get through authentication 

     }, 
     requestError: function(rejection) { 

     }, 
     response: function(config) { 
      //TODO: ADD Cross origin headers 

     }, 
     responseError: function(rejection) { 

     } 
    } 
} 

app.config(['$httpProvider', function($httpProvider) { 
    $httpProvider.interceptors.push(Interceptor); 
}]); 

myApp.controller('appController', ['$scope','getCallsApi', function($scope, getCallsApi) { 
    getCallsApi.get(function(data) { 
    console.log(data); 
    }); 
}]); 

В настоящее время я получавшие две ошибки в консоли. Во-первых, это статус 401 для несанкционированного доступа и ошибка, связанная с перекрестными заголовками, не найденными на запрошенном ресурсе. Я не могу поместить заголовки источника X в запрошенный ресурс самостоятельно, потому что у меня нет прав на редактирование ответа API.

Answer 1

Не говоря уже о проблеме с перекрестным происхождением, но вот как добавить что-то в заголовки запроса. В моем случае я передаю токен, который хранится в localstorage. Мы связываем это значение угловой постоянной и ввести его в службу перехватчика:

.constant('AUTH_TOKEN', localStorage.getItem('myapp.authToken')) 

И в вашем перехватчика:

var Interceptor = function ($q) { 
     return { 
      request: function (config) { 

       if (AUTH_TOKEN) { 
        config.headers['Authorization'] = 'Token ' + AUTH_TOKEN; 
       } 
       return config; 
      } 
     } 
    }