AngularJS'所请求的资源上没有'Access-Control-Allow-Origin'标头'错误

Question

我正在使用AngularJS 1.2.20。

每当我使用$http服务从URL（不同的域/服务器）访问zip文件时，都会出现以下错误：

XMLHttpRequest cannot load http://localhost/ABC/updates.zip. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

我尝试在模块的配置中设置以下内容：

$httpProvider.defaults.useXDomain = true;
$httpProvider.defaults.withCredentials = true;
delete $httpProvider.defaults.headers.common["X-Requested-With"];
$httpProvider.defaults.headers.common["Accept"] = "application/json";
$httpProvider.defaults.headers.common["Content-Type"] = "application/json";

但这仍然引发错误。

我的代码段是：

$http({method: 'GET', url: paths.categoryUpdateURL}).
success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
    alert("download Complete")
}).
error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
    alert("error")
});

应该采取什么措施来防止这种情况？

Answer 1

除非服务器提供JSONP API或允许配置Access-Control-Allow-Origin响应属性，否则除非请求服务器请求ZIP文件，否则您将无能为力，因为浏览器不允许这样做。