Access-Control-Allow-Origin不允许使用origin http：// localhost：1716

Question

我有这个错误

XMLHttpRequest无法加载http://localhost:81/Test/Service.svc/SetJSON 。 Access-Control-Allow-Origin不允许使用http://localhost:1716 。

当我使用jquery调用wcf web服务时。

$.ajax({
    type: 'POST',
    url: webmethod,
    data: '{"data":"Darshana"}',
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function (msg) {
        alert(msg.d);
    },
    error: function (e) {
        alert("Unavailable");
    }
});

这是为什么？

任何帮助。 感谢名单..

Answer 1

基本上，因为您正在访问不同的端口，所以它不在同一个源上 。

您需要在端口1716上运行的服务上启用跨源资源共享。

不知道你正在尝试做的，配置像什么这样 ：

<?xml version="1.0" encoding="utf-8"?>
<configuration>
 <system.webServer>
   <httpProtocol>
     <customHeaders>
       <add name="Access-Control-Allow-Origin" value="*" />
     </customHeaders>
   </httpProtocol>
 </system.webServer>
</configuration>

应该允许您进行测试，但是对于生产，建议将相应的域列入白名单而不是使用通配符。

Answer 2

不同的端口，尝试设置dataType: 'jsonp'

Answer 3

我不记得我是怎么得到这个错误的。 但是，由于很多人遇到这个问题，我想发布我的所作所为。

WCF - IService

[OperationContract]
[WebGet(BodyStyle = WebMessageBodyStyle.Bare,
    RequestFormat = WebMessageFormat.Json,
    ResponseFormat = WebMessageFormat.Json,
    UriTemplate = "SetJSON?data={data}")]
string SetJSON(string data);

WCF - 服务

[AspNetCompatibilityRequirements(RequirementsMode = 
    AspNetCompatibilityRequirementsMode.Allowed)]
public class Service : IService
{
    public string SetJSON(string data)
    {
        return data;
    }
}

WCF - web.config

<system.serviceModel>
  <bindings>
    <webHttpBinding>
      <binding name="webHttpBindingWithJsonP"
             crossDomainScriptAccessEnabled="true" />
    </webHttpBinding>
  </bindings>
....

<services>
  <service name="RnDService.Service">
    <endpoint address="" behaviorConfiguration="webHttpBehavior"
        binding="webHttpBinding"
              bindingConfiguration="webHttpBindingWithJsonP"
        contract="RnDService.IService" />
  </service>
</services>

Jquery电话

$.ajax({
    type: "GET",
    url: "http://localhost:81/Test/Service.svc/SetJSON?data=" + "{ \"dl\":" + datalist + " }",
    contentType: "application/json; charset=utf-8",
    dataType: "jsonp",
    success: function (data) {
        alert(data.toString());
    },
    error: function (XMLHttpRequest, textStatus, errorThrown) {
        debugger;
        alert("Error Occured!");
    }
});

不是100％肯定什么解决了我的问题。 无论如何，这将有助于某人。 :)

Answer 4

我通过Apache mod_proxy模块解决了这个问题。 启用模块：

LoadModule proxy_module modules/mod_proxy.so
LoadModule proxy_http_module modules/mod_proxy_http.so

然后加：

ProxyPass /your-get-url/ http://localhost:1716/

最后，将proxy-url传递给您的脚本。

Answer 5

如果你在Angular.js中使用localhost：port，那么请确保你像这样转义你的端口号：

var Project = $resource(
       'http://localhost\\:5648/api/...',
          {'a':'b'}, 
          {
            update: { method: 'PUT' }
          }
      );

有关它的更多信息，请参阅https://github.com/angular/angular.js/issues/1243 。

Answer 6

我写了一篇博文（不允许从“本地”数据源访问JSON数据） ，这本质上是zenio的解决方案，但是有逐步指导。 您在Apache中设置了反向代理，以便将本地URL转发到承载JSON数据的端口（基本上，将其转发到“远程”数据源）。