javascript - 使用 Google Drive 和 Angularjs 时不允许请求 header 字段 Accept-Encoding

Question

我有一段 Angular JS，它读取位于我的 Google Drive 中的 json 文件:

yummy.controller("slideCtrl", ['$scope', function($scope) {
}]).directive('slideElement', ['$interval', '$http',($interval, $http) {
return {
    restrict: 'E',
    link: function(scope, element, attrs) {
        var path = 'https://googledrive.com/host/0B-74lO-UfPKoaDRySEsyQkZwNjQ/';
        element.html('<div class="loading"><img src="img/loading.gif"></div>');
        $http({
            method: 'GET',
            url: path + 'reduced.json'
        }).then(function(response) {
            console.log(response.data);
        });
}]);

在 Chrome、Firefox 以及 IE 中，代码运行没有错误。但在 Safari 中，我收到以下错误:

Failed to load resource: Request header field Accept-Encoding is not allowed by Access-Control-Allow-Headers.

我尝试添加:

{ headers: { 'Accept-Encoding': undefined }}

但这并不能解决我的问题。

如何让我的代码在 Safari 中运行？非常感谢。

Answer 1

我遇到了类似的问题，但这是由于服务器上的设置错误造成的。

尝试以下代码:

.directive('slideElement', function($http) {
        return {
            restrict: 'E',
            link: function (scope, element, attrs) {
                var path = 'https://googledrive.com/host/0B-74lO-UfPKoaDRySEsyQkZwNjQ/';
                element.html('<div>loading</div>');
                $http({
                    method: 'GET',
                    url: path + 'reduced.json',
                    headers : {
                    'Content-Type' : 'application/json; charset=UTF-8'
                    }
                }).then(function (response) {
                    console.log(response.data);
                }, function(err){console.log("err")});
            }
        }
    })

其中带有内容类型的 header 参数是新的。

希望对你有帮助