$ http.get不被Access-Control-Allow-Origin所允许，但是$ .ajax是

我在从我控制的远程服务器获取json时遇到问题。我有2个Web应用程序，一个服务数据和端口3311，另外，请求数据，运行在端口5000

使用jQuery以下工作运行：

$.ajax({ 
    url: "http://localhost:3311/get-data", 
    type: 'GET', 
    dataType: 'json', 
    beforeSend: function(xhr) { 
    xhr.setRequestHeader("x-some-header", "some-value"); 
    } 
}) 
.done(function(data) { 
    $rootScope.$apply(function() {d.resolve(data); }); 
}) 
.fail(function(data) { 
    $rootScope.$apply(function() {d.reject(data); }); 
});

尝试相同的get请求时

具有角

$http 
    .get("http://localhost:3311/get-data", { headers: {"x-some-header": "some-value"} }) 
    .success(function(data) { d.resolve(data);}) 
    .error(function(data) { d.reject(data); });

我收到错误

Origin http://localhost:5000 is not allowed by Access-Control-Allow-Origin.

控制台升OG显示OPTIONS请求后发生的错误返回HTTP200

OPTIONS http://localhost:3311//get-data 200 (OK) angular.min.js:99 

(anonymous function) angular.min.js:99 

l angular.min.js:95 

m angular.min.js:94 

(anonymous function) app.js:78 

b.extend.each jquery-1.9.1.min.js:3 

b.fn.b.each jquery-1.9.1.min.js:3 

(anonymous function) app.js:76 

d angular.min.js:28 

instantiate angular.min.js:28 

(anonymous function) angular.min.js:52 

updateView angular-ui-states.js:892 

e.$broadcast angular.min.js:90 

transition angular-ui-states.js:324 

h angular.min.js:77 

(anonymous function) angular.min.js:78 

e.$eval angular.min.js:88 

e.$digest angular.min.js:86 

e.$apply angular.min.js:88 

e angular.min.js:94 

o angular.min.js:98 

s.onreadystatechange angular.min.js:99

和从OPTIONS请求返回的标头是

HTTP/1.1 200 OK 
Cache-Control: private 
Content-Type: text/plain 
Server: Microsoft-IIS/8.0 
Access-Control-Allow-Origin: * 
Access-Control-Allow-Methods: GET, POST, OPTIONS 
Access-Control-Allow-Headers: Content-Type, Accept, X-Requested-With, x-some-header 
X-AspNet-Version: 4.0.30319 
X-SourceFiles: =?UTF-8?B?.... 
X-Powered-By: ASP.NET 
Date: Tue, 21 May 2013 01:52:37 GMT 
Content-Length: 0

来源

2013-05-21 Jason

'$ http.defaults.useXDomain = TRUE;对角和'$ .support.cors = TRUE; jQuery的？ – jkoreska

在调用$ .ajax之前，我没有向jquery提供任何配置。添加'$ http.defaults.useXDomain = true'并没有改变任何东西。 – Jason

这可能是由于角默认行为以包括请求头'X-Requested-With'，这可能会导致CORS问题。通过从跨域请求中删除标头，这在v 1.1.1（不稳定分支 - see v1.1.1 bug fixes）中得到修复：https://github.com/angular/angular.js/issues/1004。

很容易删除头文件并在1.0分支上运行。下面的行将从由$ HTTP服务在您的应用程序完成的所有请求（不仅CORS）删除标题：

yourModule 
    .config(function($httpProvider){ 
    delete $httpProvider.defaults.headers.common['X-Requested-With']; 
});

更新一个小警告 - 角（如jQuery）不支持CORS为IE9。 IE10是第一款支持CORS的IE浏览器。此博文描述了如何可以得到在一定条件下IE8/IE9 CORS的支持，但它不会与角$ http服务工作：http://blogs.msdn.com/b/ieinternals/archive/2010/05/13/xdomainrequest-restrictions-limitations-and-workarounds.aspx

来源

2013-05-21 05:16:33 joakimbl

现在有些过时了，首选的方法是使用代理进行开发 - 请参阅http://forum.ionicframework.com/t/http-no-access-control-allow-origin-problem-on-交/ 5625 – Ghoti

的web.config

<system.webServer> 
<httpProtocol> 
    <customHeaders> 
     <add name="Access-Control-Allow-Origin" value="*" /> 
    </customHeaders> 
    </httpProtocol> 
    </system.webServer>

来源

2015-08-10 11:03:19

答案上面解决了问题。

<httpProtocol> 
    <customHeaders> 
     <add name="Access-Control-Allow-Origin" value="*" /> 
    </customHeaders> 
</httpProtocol>

当HTML页面在呼唤的角控制器与服务等：

$http.get(dataUrl).success(function (data) { 
    $scope.data.products = data; 
}) 
.error(function (error) { 
    $scope.data.error = error; 
});

来源

2016-04-08 06:10:41

请求报头具有在服务器侧进行设置。有设置该

1.One很多方法可以你可以开发可作为初始化放慢参数传递给球衣的servlet COM的自定义类的服务器

<filter> 
    <filter-name>ResponseFilter</filter-name> 
    <filter-class>org.apache.catalina.filters.CorsFilter</filter-class> 
</filter> 
<filter-mapping> 
    <filter-name>ResponseFilter</filter-name> 
    <url-pattern>/*</url-pattern> 
</filter-mapping>

2.Independent。 sun.jersey.spi.container.ContainerResponseFilters 助手。TestCorpsFilter enter code here `公共类TestCorpsFilter实现ContainerResponseFilter {

@Override 
    public ContainerResponse filter(ContainerRequest arg0, ContainerResponse arg1) { 
     ResponseBuilder resp = Response.fromResponse(arg1.getResponse()); 
     resp.header("Access-Control-Allow-Origin", "*").header("Access-Control-Allow-Methods", 
       "GET, POST, OPTIONS"); 

     String requestHeader = arg0.getHeaderValue("Access-Control-Request-Headers"); 

     if (requestHeader != null && !requestHeader.equals("")) { 
      resp.header("Access-Control-Allow-Headers", requestHeader); 
     } 

     arg1.setResponse(resp.build()); 
     return arg1; 

    }

来源

2016-07-20 11:32:42

$ http.get不被Access-Control-Allow-Origin所允许，但是$ .ajax是

回答

相关问题