Question

您好我知道有很多关于Access-Control-Allow-Origin和CORS的问题，但是我没有找到适合我的问题。我对CORS没有任何经验，所以我们将不胜感激任何帮助。我有一个离子应用程序，我想用它连接到网站域上的WCF Web服务。我也已在本地主机上本地连接到该服务并且它工作正常，但在使用我的localhost连接到域时却没有。

这些是我得到的错误。

GET http://www.website.com/webservice/Service.svc

XMLHttpRequest cannot load http://http://www.website.com/webservice/Service.svc. 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:8100' is therefore not allowed access. 
The response had HTTP status code 404.

编码

HTML:
  <p>{{Success + " " + Error}}</p>

Javascript:
.controller('DashCtrl', function($scope, $http) {
  $http.get("http://www.website.com/webservice/Service.svc")
  .success(function(data){
   $scope.Success = "SUCCESS!";
  })
  .error(function(data){
    $scope.Error = "ERROR!";
  });    

})

我正在使用ionic serve在我的浏览器上进行测试，并尝试使用Ionic view应用

进行连接

这是我在我的WCF服务中添加的

<httpProtocol>
    <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*"/>
        <add name="Access-Control-Allow-Headers" value="Content-Type, Accept" />
        <add name="Access-Control-Allow-Methods" value="POST,GET,OPTIONS" />
        <add name="Access-Control-Max-Age" value="1728000" />
    </customHeaders>
</httpProtocol>

连接到Web服务时出现Access-Control-Allow-Origin错误

0 个答案: