在AngularJS中添加HTTP標頭不起作用

Question

我是AngularJS的新手，我試圖將HTTP標頭添加到所有請求中，但無法正常工作。 我實際上試圖通過Angular中的.config添加那些

我的代碼是：

 angular.module('sc.app',[])
    .provider('TokenHandler',['$q',function ($q) {
        return {
            $get: function () {
                return {
                    request: function (config) {
                        var defer = $q.defer();
                        console.log('jwt');
                        config.defaults.headers.common['Authorization'] = 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==';
                        config.defaults.headers.common['Accept'] = 'application/json;odata=verbose';

                        return defer.resolve(config);
                    },
                    requestError: function (err) {
                        var defer = $q.defer();
                        return defer.reject(err);
                    },
                    response: function (success) {                            
                   var defer = $q.defer();
                    console.log(success)
                    return defer.resolve(success);
                },
                responseError: function (err) {
                    var defer = $q.defer();
                    return defer.reject(err);
                }
            };
        }
    }
}])

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

.service('TokenService',['$http','$localStorage',function ($scope,$localStorage) {
    $scope.getToken=function () {
        return $localStorage.gaid;
    }

    $scope.setToken=function (token) {
        $localStorage.gaid=token;
    }
}]);

我在Google上搜索了很多，但無法解決其中的問題。 即使我也嘗試使用config.headers選項添加，但也無法正常工作。

我的請求標頭是

GET /api/datatable.json?_=1484584475255 HTTP/1.1
Host: scrm.app
Connection: keep-alive
Accept: application/json, text/javascript, */*; q=0.01
X-Requested-With: XMLHttpRequest
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36
Referer: http://scrm.app/
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-US,en;q=0.8,ta;q=0.6
Cookie: _ga=GA1.2.550730185.1483706923; 
XSRF-TOKEN=eyJpdiI6Ik9RaDBLeWluTVBIS0ZnOWkyaWxDUXc9PSIsInZhbHVlIjoiWlMzZUxONGthTmRKbkxxQjkxMGZWTE40d1lFYnAxRkRCM254b21abUpiOVFkd3VqbXowTjhlenFYa0xSazV1WmJuK2wweUFNZjVvM05NTXU3NjAwVmc9PSIsIm1hYyI6Ijg1Yzk0OWM3MTFkNTdlYTA1NjgzYjYyMmY3NmE1MWI0OTA4Mjc1MjM1ZTdkYTUxOWUxZmZhYjFlNzRmNzc2MDkifQ%3D%3D; laravel_session=eyJpdiI6InZqb01UbDRNVFgrTG1FVitvZW1WQXc9PSIsInZhbHVlIjoic3NKUXo5ZGd5ODBpZXhNRXBsa1pmbVhFSmhUVDA3RkZyQ3FcL1VlOVRZUWt4UlVxZVlidlU4VUV5VjBCZFwvUldCbzZVNU83R25zMXpRZ25DTENTZGpsUT09IiwibWFjIjoiZjNjNWM2OWU2ZDM3NDVlNDRkYTRhMjk4MmM4NWJmNjI0ODQyMmQwMjkzZTBkZWQ3N2ZjZTg4YzdjYTljZWNjNCJ9

我的回應標題

 HTTP/1.0 404 Not Found
Host: scrm.app
Connection: close
X-Powered-By: PHP/5.6.27
Cache-Control: no-cache, private
Date: Mon, 16 Jan 2017 16:49:42 GMT
Content-type: text/html; charset=UTF-8

Answer 1

通過config添加標題時，您只需要config.headers例如-

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

只有通過$http服務添加時，才需要其余的，例如-

 $http.defaults.headers.common.Authorization = 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==';

---

編輯：嘗試將以下內容添加到.service塊的另一種方法-

.service('TokenService',['$http','$localStorage',function ($scope,$localStorage) {  
     var service = this;

    service.request = function(config) {
        config.headers['Authorization'] = 'Basic d2VudHdvcnRobWFuOkNoYW5nZV9tZQ==';
        config.headers['Accept'] = 'application/json;odata=verbose';

        return config;
    };
......