Cors问题:通过JQuery使用WCF Rest服务

Question

我一直在遵循这个例子

使用jQuery创建和使用WCF Restful服务

我收到以下错误：

XMLHttp请求无法加载http://localhost:48839/EmployeeService.svc/GetEmployeeDetails/.对预检请求的响应未通过权限改造检查：请求的资源上不存在“访问控制允许起源”标头。因此不允许访问起源“http://localhost:57402”。响应具有HTTP状态代码404。

Answer 1

在服务项目中添加global.asax文件，并

   protected void Application_BeginRequest(object sender, EventArgs e)
        {
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
            if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
            {
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "POST, PUT, DELETE");

                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept");
                HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");
                HttpContext.Current.Response.End();
            }
        }

Answer 2

您需要通过在项目中添加新的HttpModule来实现Cors支持。为此，只需在您的项目中使用此代码https://gist.github.com/mmorton/4113849

Answer 3

Tushar@，

一个快速的谷歌搜索给了我这个：启用CORS标题

为了使您的调用成功，您可能必须将服务和您的html页面托管在同一个域上。您的html页面来自localhost端口57402，您正在尝试访问端口48839的服务，因此您会看到此CORS问题。

您要么必须从同一个域和端口托管服务endpoint和html页面，要么必须在服务器上将访问头列入白名单，如上面的链接所述。