跨域请求被阻止：（原因：CORS 请求失败）。在 angularjs答案

【问题标题】：Cross-Origin Request Blocked: (Reason: CORS request failed). in angularjs跨域请求被阻止：（原因：CORS 请求失败）。在 angularjs
【发布时间】：2016-03-15 22:46:15
【问题描述】：

我是 angularjs 新手，在我的网络应用程序中集成了 paytm 钱包。当我从我的 Angular js 函数发送请求 paytm 服务器时，它显示此错误：

跨域请求被阻止：同源策略不允许读取位于https://pguat.paytm.com/oltp-web/processTransaction?orderid=data.ORDER_ID 的远程资源。（原因：CORS 请求失败）。

这是我的功能

function sendDataToPaytm(data)
{
    var defer = $q.defer();
    console.log(data);

    $http.defaults.headers.common['Access-Control-Allow-Origin'] =  "*";
    $http.defaults.headers.common['Access-Control-Allow-Methods'] = "POST, GET, OPTIONS, PATCH, DELETE";
    $http.defaults.headers.common['Access-Control-Allow-Headers'] = "Origin, X-Requested-With, Content-Type, Accept";
    console.log($http);
    console.log();

    var url = 'https://pguat.paytm.com/oltp-web/processTransaction?orderid=data.ORDER_ID';
    $http.post(url, data, headers)
    .success(function(data, status, headers, config){
        defer.resolve([status, data]);
    })
    .error(function(data, status, headers, config){
        //console.log("Error in getting sellers info");
        defer.resolve([status, data]);
    });

    return defer.promise;
}

请帮我解决这个问题

【问题讨论】：

你解决了吗？我也面临同样的问题。

标签： angularjs cors

【解决方案1】：

Access-Control-Allow-Origin 标头是必须在服务器端设置的响应标头。也就是说，如果各个服务器不发送此标头，则浏览器会因跨服务器（域、子域和协议）侵权而阻止您向该服务器请求信息。

仅当原始页面由同一服务器（域、子域和协议）提供服务时才允许请求。

【讨论】：