Http REST 调用问题 POST 上没有“Access-Control-Allow-Origin”

Posted 2023-03-04

【中文标题】Http REST 调用问题 POST 上没有“Access-Control-Allow-Origin”

【英文标题】：Http REST call problems No 'Access-Control-Allow-Origin' on POST

【发布时间】：2014-08-04 10:26:40

【问题描述】：

我无法让 Angular $http 与远程 REST 服务通信。我也尝试过 Restangular 和 $resource。问题似乎在于底层的 $http 服务和 CORS 限制。我想我只需要让我的标题正确。我还需要调整我的服务器配置吗？

我收到以下错误：

XMLHttpRequest cannot load http://www.EXAMPLE-DOMAIN.com/api/v2/users/sign_in. No 'Access-Control-    Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access. 

我对此进行了很多研究。目前，我在配置我的应用程序模块并使用 $http 标头时尝试设置 $httpProvider 标题。以下是我当前的一些代码。

我的服务

app.service('Auth', function($http) 

        var headers = 
            'Access-Control-Allow-Origin' : '*',
            'Access-Control-Allow-Methods' : 'POST, GET, OPTIONS, PUT',
            'Content-Type': 'application/json',
            'Accept': 'application/json'
        ;

        return $http(
            method: "POST",
            headers: headers,
      url: 'http://www.EXAMPLE-DOMAINcom/api/v2/users/sign_in',
            data: "email":"[e-mail]","password":"secret"
    ).success(function(result) 
                console.log("Auth.signin.success!")
                console.log(result);
    ).error(function(data, status, headers, config) 
                console.log("Auth.signin.error!")
        console.log(data);
        console.log(status);
        console.log(headers);
        console.log(config);
    );

);

应用配置

var app = angular.module('starter', ['ionic', 'app.controllers', $httpProvider])

    .config(['$httpProvider', function($httpProvider) 
        $httpProvider.defaults.useXDomain = true;
        $httpProvider.defaults.headers.common = 'Content-Type: application/json';
        delete $httpProvider.defaults.headers.common['X-Requested-With'];
    
])

【问题讨论】：

你的服务器响应是什么样的？

【参考方案1】：

如果您可以控制服务器，则可能需要在那里设置所需的标头。根据哪个服务器，这可能会有所帮助：http://enable-cors.org/server.html