AngularJS - Unknown fornitore di configurazione $ httpProvider

Question

Nel seguente esempio di codice:

myApp.config(['$httpProvider', function($httpProvider, $cookieStore) { 

    $httpProvider.defaults.withCredentials = true; 

    $httpProvider.defaults.headers.get['Authorization'] = 'Basic '+ $cookieStore.get('myToken'); 

    return JSON.stringify(data); 

}]); 

ottengo un errore angularjs come 'Unknown fornitore $ cookieStore'.

'myApp' ha dependenciy e 'ngCookies' e angular-cookies.min.js è laico, quindi cosa c'è di sbagliato in quel codice?

È questo il fatto che sto facendo questo in .config?

Answer 1

Perché è possibile solo a passare i fornitori durante la configurazione, ho finalmente fatto la sovrascrittura della mia parametro http non con un trasformatore richiesta, ma con la creazione di un servizio come fabbrica fare richieste

Ecco un esempio di codice del servizio (non testato, solo per informazioni):

angular.module('myapp-http-request', []); 
angular.module('myapp-http-request') 
.factory('MyRequests', function($http, $cookieStore){ 

    return { 
     request: function(method, url, data, okCallback, koCallback){ 
      $http({ 
       method: method, 
       url: url, 
       data: data 
      }).success(okCallback).error(koCallback); 
     }, 
     authentifiedRequest: function(method, url, data, okCallback, koCallback){ 
      $http({ 
       method: method, 
       url: url, 
       data: data, 
       headers: {'Authorization': $cookieStore.get('token')} 
      }).success(okCallback).error(koCallback); 
     } 
    } 
}); 

E esempio di utilizzo (non testato, solo per informazioni):

angular.module('sharewebapp', ['myapp-http-request']) 
.controller('MyController', ['MyRequests', function(MyRequests){ 
    MyRequests.authentifiedRequest('DELETE', '/logout', '', function(){alert('logged-out');}, function(){alert('error');}) 
}]); 

Answer 2

Probabilmente è necessario aggiungere il cookieStore

myApp.config(['$httpProvider', '$cookieStore', function($httpProvider, $cookieStore) 

Answer 3

Utilizzando la Module.run() sembra essere un modo più pulito per impostare le intestazioni che sono sempre necessarie. Vedere la mia risposta qui: AngularJS pass requestVerificationToken to a service

Answer 4

Mi sono imbattuto in questo stesso problema, quindi posterò come ho fatto a girarlo. Essenzialmente ho usato il modulo $ injector per afferrare manualmente un'istanza del servizio di cui avevo bisogno. Nota questo funziona anche per i servizi definiti dall'utente.

angular.module('app'). 
config(config); 

config.$inject = ['$httpProvider']; 

function config($httpProvider) { 
    //Inject using the $injector 
    $httpProvider.interceptors.push(['$injector', function($injector){ 
    return { 
    request: function(config) { 

     //Get access by injecting an instance of the desired module/service 
     let $cookieStore = $injector.get('$cookieStore'); 

     let token = $cookieStore.get('your-cookie-name'); 
     if (token) { 
     config.headers['x-access-token'] = token; 
     } 
     return config; 
    } 
    } 
}]) 
}