从jQuery和JSON调用WCF REST服务时的Access-Control-Allow-Origin

Question

I have the following code.

WCF REST method

    [WebInvoke(Method = "GET",
        ResponseFormat = WebMessageFormat.Json,
        BodyStyle = WebMessageBodyStyle.Wrapped,
        UriTemplate = "Account")]
    [OperationContract]
    string GetUniqueLoginId();

Client Side Call

$.ajax({
    type: "GET",
    url: serviceURL + 'Account',
    contentType: 'application/json; charset=utf-8',
    dataType: "json",
    success: app.onGetUniqueId,
    error: app.onAjaxError
 });

When I use IE (11), it works perfectly by returning a unique id. But when I use chrome, it gives me the following error.

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin   'http://localhost:5553' is therefore not allowed access.

How to resolve the issue? Any help would be appreciated.

Answer 1

这意味着您请求的WCF服务与调用它的应用程序的来源不同，因此受“同源策略”的限制。您必须使用JSONP（服务必须支持jsonp）或CORS（服务器端应该添加允许您的源的CORS头）

Answer 2

You need to enable CORS on a service hosted on IIS or IIS Express by adding the following configuration in the web config file.

<system.webServer>  

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

By setting it to *, we are allowing requests from any origin to access the service.