Niestandardowy nagłówek AngularJS $ http dla wszystkich żądań

Question

Zastanawiam się, czy istnieje sposób na skonfigurowanie wszystkich nagłówków żądań $ http z dodaniem niestandardowych informacji. Coś jak config:

var config = {headers: { 
      'Authorization': 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==', 
      'Accept': 'application/json;odata=verbose' 
     } 
    }; 

Ale dla wszystkich połączeń HTTP http będę robić w różnych serwisach. Jestem pewien, że istnieje rozwiązanie: D.Thanks

Answer 1

Można utworzyć $http przechwytywania przedłużyć swój nagłówek:

myapp.factory('httpRequestInterceptor', function() { 
 
    return { 
 
    request: function (config) { 
 

 
     config.headers['Authorization'] = 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ=='; 
 
     config.headers['Accept'] = 'application/json;odata=verbose'; 
 

 
     return config; 
 
    } 
 
    }; 
 
}); 
 

 
myapp.config(function ($httpProvider) { 
 
    $httpProvider.interceptors.push('httpRequestInterceptor'); 
 
});

Answer 2

Prostszym rozwiązaniem mogłoby być wykorzystanie run blok kątowej za :

app.run(['$http', function ($http) { 
    $http.defaults.headers.common['Authorization'] = 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ=='; 
    $http.defaults.headers.common['Accept'] = 'application/json;odata=verbose'; 
}]); 

Uwaga: to rozwiązanie pozwala przekazać wartość statyczną tylko raz, ponieważ blok run jest uruchamiany tylko raz.

Answer 3

use the folllowing code and you can also control $http timeout from 
config setting.  
'use strict'; 
    var app = angular.module('b2capp', []); 
    var apiRequestCount = 0;  
    app.config(function ($httpProvider) { 
     $httpProvider.interceptors.push(function ($rootScope, $q) { 
     return { 
      request: function (config) { 
       apiRequestCount++; 
       // config.timeout =300000; 
       return config; 
      }, 
      response: function (response) { 
       return response; 
      }, 
      responseError: function (rejection) { 
      switch (rejection.status) { 
        case 408: 
         console.log('connection timed out'); 
         break; 
       } 
       // return $q.reject(rejection); 
       return rejection; 
      } 
      } 
     }) 
    }); 
}]); 
    app.controller('myCtrl', function ($scope, $http, $timeout) { 
    var headers = { 
      //'Authorization': 'Basic ' + btoa(username + ":" + password), 
       'Access-Control-Allow-Origin': true, 
       'Content-Type': 'application/json; charset=utf-8', 
       "X-Requested-With": "XMLHttpRequest" 
       } 
    $http.post(url + 'Search_6e', reqCookie, { 
        headers 
      }) 
      .then(function Success(response) {    
       $scope.myData = resultData; 
       console.log($scope.myData); 
      }, function myError(response) { 
       //error code 
    });