来源: asp.net-mvc – Chrome 27中SignalR和跨域请求的问题 – 脚本之家
我在localhost:13371上有一个简单的JS / HTML站点,我正在尝试访问localhost:13371上的SignalR中心.
无论何时发出请求,我都会收到以下错误:
XMLHttpRequest cannot load
http://localhost:13370/signalr/hubs/negotiate?_=1372338722032
. Originhttp://localhost:13371
is not allowed by Access-Control-Allow-Origin.
我已经尝试过了:
>在Application_Start上启用SignalR上的跨域:
- RouteTable.Routes.MapHubs(new HubConfiguration { EnableCrossDomain = true });
>在SignalR服务器的Web.Config中启用跨域:
- <system.webServer>
- <httpProtocol>
- <customHeaders>
- <clear />
- <add name=“Access-Control-Allow-Origin” value=“*” />
- <add name=“Access-Control-Allow-Methods” value=“*” />
- <add name=“Access-Control-Allow-Headers” value=“*” />
- </customHeaders>
- </httpProtocol>
- </system.webServer>
>在JavaScript中设置信号器中心的连接URL:
- $.connection.hub.url = ‘http://localhost:13370/signalr/hubs’;
>在JQuery中启用CORS:
- $.support.cors = true;
>在Application_BeginRequest中手动设置响应头:
- protected void Application_BeginRequest(object sender,EventArgs e)
- {
- HttpContext.Current.Response.AddHeader(“Access-Control-Allow-Origin”,“*”);
- if (HttpContext.Current.Request.HttpMethod == “OPTIONS”)
- {
- //These headers are handling the “pre-flight” OPTIONS call sent by the browser
- HttpContext.Current.Response.AddHeader(“Access-Control-Allow-Methods”,“GET,POST,PUT,DELETE”);
- HttpContext.Current.Response.AddHeader(“Access-Control-Allow-Headers”,“*”);
- HttpContext.Current.Response.AddHeader(“Access-Control-Max-Age”,“1728000”);
- HttpContext.Current.Response.End();
- }
- }
以上都没有,也没有上述任何组合起作用.
附加信息:
>这两个站点都在Windows 7上的IIS中运行
> SignalR站点在端口13370上运行,作为.NET 4.0下MVC 4站点的一部分.
> JS / HTML站点是端口13371上的简单Web服务器,根本没有托管代码.
> SignalR站点肯定会响应浏览器对相关资源的直接请求.
> SignalR版本是1.1.2
解决方法
正如我在Stack Overflow question中发现的那样,基本上我在上面列出的“我尝试过的东西”中添加的几乎所有内容都是不必要的.修复步骤:
>删除我在上面尝试过的所有内容.这意味着在Web.Config或其他地方(如Global.asax)没有指定自定义标头,没有自定义JQuery设置等.
> ..除了RouteTable.Routes.MapHubs(new HubConfiguration {EnableCrossDomain = true});在Application_Start中.
>你还需要设置$.connection.hub.url =’http:// localhost:13370 / signalsr / hubs’;
… 而已.这可能是最好的解决方案,也是我最终使用的解决方案.
方法2.如果您在Chrome中仍然遇到问题,请使用jsonp:
如果你在Chrome中仍然遇到这样的问题,可以使用jsonp让协商脚本正确下载…将以下内容添加到我的JavaScript中心开始解决问题:
- //detect chrome
- var isChrome = navigator.userAgent.toLowerCase().indexOf(‘chrome’) > –1;
- //set the connection url.
- $.connection.hub.url = ‘http://localhost:13370/signalr/hubs’;
- //use jsonp if chrome
- $.connection.hub.start({
- jsonp: isChrome
- });
可能有一种更好的方法来测试浏览器功能并相应地设置jsonp ……看着用户代理感觉很脏……但是这解决了我在过渡时期的问题.我希望这有助于其他人.
总结
以上是脚本之家为你收集整理的asp.net-mvc – Chrome 27中SignalR和跨域请求的问题全部内容,希望文章能够帮你解决asp.net-mvc – Chrome 27中SignalR和跨域请求的问题所遇到的程序开发问题。