javascript - AngularJS 向 $http.get 添加 header

Question

我正在尝试添加包含用于 future HTTP 请求的 token 的“授权” header 。 token 的检索似乎没问题，但是在发出 get 请求时它会失败并显示未经授权的错误消息。检查请求 header 后请求 block 中不存在授权 header ...

window.crUtil = /*window.crUtil ||*/ (function() {

    // Angular Services
    var $injector = angular.injector(['ng']);
    var $http = $injector.get('$http');


    // getting the CFF data
    function get_data() {
    		getJWTAWS();
        var url = '/AWS/getDATA/555';
				console.log('AUTH header before call: ' + $http.defaults.headers.common.Authorization);
        $http.get(url,httpHeader).then(function successCallback(response) {
            var data = response.data;
            var cff = initCff();
            alert(data.itemId);
            
        }, function errorCallback(response) {
            initCff();
            alert("Error while getting data ");
        });

    }
		
    function getJWTAWS() {
        var httpConfig = {
            cache: true, 
            params: {}
        };

        $http.get('/AWS/token', httpConfig).then(
            function(response) {
                if (response.data.accessToken) {
                    // add jwt token to auth header for all requests made by the $http service

                    $http.defaults.headers.common.Authorization = response.data.tokenType + ' ' + response.data.accessToken;
                }
            },
            function(error) {
                alert('jwt token could not be retrieved.');
            }
        );
    }


})();

var result = util.get_data();
console.log ('called search function ' + result);

函数 getToken() 返回一个值，但由于我是该主题的新手，所以我不太确定将 token 添加到 header 的方式是否正确。您能否建议在请求中包含 header 的正确方法。我也尝试将它添加到 get 请求中$http.get(URL,httpHeaders)...但它也没有用。

Answer 1

我不确定我是否完全理解你的问题，因为你没有提供你所说的

httpConfig

如果您正在努力声明 header ，请尝试像这样发出获取请求:

$http({
  method: 'GET',
  url: YOUR_URL,
  headers: {
    'Content-Type': 'application/json',
    'Authorization': AUTH_STRING_HERE
  }
}).then(function (response) { ... });

您可以在 header 对象中添加任何您喜欢的 header 。