XMLHttpRequest 无法加载 http 没有 Access-Control-Allow-Origin 标头 angularjs答案

【问题标题】：XMLHttpRequest cannot load http No Access-Control-Allow-Origin header angularjsXMLHttpRequest 无法加载 http 没有 Access-Control-Allow-Origin 标头 angularjs
【发布时间】：2016-03-05 05:27:14
【问题描述】：

我收到此错误。 XMLHttpRequest 无法加载 http://communityempowerment.org.pk/test-sample/api/get_category_index/。请求的资源上不存在“Access-Control-Allow-Origin”标头。因此不允许访问 Origin 'http://localhost:8100'。

我的代码是

.controller('MenuCtrl', function($http, $scope){

    $scope.categories = [];

    $http.get("http://communityempowerment.org.pk/test-sample/api/get_category_index/").then
        (function(data){
            $scope.categories = data.data;
            console.log(data);
        }, function(err){
            console.log(err);
    })

})

【问题讨论】：

不能对随机跨域资源做ajax请求，违反同源策略。唯一的解决方法是控制服务器并添加正确的标头，返回 JSONP，或使用您自己的服务器发出请求。

标签： javascript angularjs ionic-framework

【解决方案1】：

为http://communityempowerment.org.pk/test-sample/api/get_category_index/ 提供服务的服务器不允许跨域请求。看看CORS on MDN。如果您控制服务器，则可以将标头 Access-Control-Allow-Origin 更改为一组特定的域，或通配符 * 以允许来自所有来源的访问。

【讨论】：

【解决方案2】：

您的代码是正确的，问题来自服务器。您应该启用跨域。 http://enable-cors.org/server.html

【讨论】：