Angular에서 응용 프로그램 전체 HTTP 헤더 설정JS

Angular에서 응용 프로그램 전체 HTTP 헤더 설정JS

를 설정하는 방법이 있습니까?$httpProvider외부 헤더angular.module('myApp', []).config()?

사용자 로그인 후 서버에서 Auth-Token을 가져오는데 다음 모든 요청에 HTTP 헤더로 추가해야 합니다.

각도 1.0.x 에 디폴트헤더를 사용할 수 있습니다.

$http.defaults.headers.common['Authentication'] = 'authentication';

또는 각도 1.1.x+의 경우 가로채기를 요청합니다.

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

      // use this to destroying other existing headers
      config.headers = {'Authentication':'authentication'}

      // use this to prevent destroying other existing headers
      // config.headers['Authorization'] = 'authentication';

      return config;
    }
  };
});

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

공장/서비스는 싱글톤이기 때문에 서비스 인스턴스화 후 '인증' 값을 동적으로 변경할 필요가 없는 한 이 기능은 작동합니다.

$http.defaults.headers.common['Auth-Token'] = 'token';

그런 것 같다headers()는 키 이름을 정규화합니다.

위 @Guria 및 @Panga 응답에 추가

config.headers['X-Access-Token'] = $window.sessionStorage.token;

헤더의 x-access-token은 JWT(jsonwebtoken)로 사용할 수 있습니다.JWT는 사용자가 처음 인증할 때 세션 저장소에 저장합니다.

언급URL : https://stackoverflow.com/questions/14183025/setting-application-wide-http-headers-in-angularjs