14

注意：最初有人问过这个问题，但在我发布答案之前将其删除。由于这个问题涵盖了开发人员在尝试使 SignalR 跨域工作时面临的许多问题，因此我决定复制它。另外，我已经写完答案了！

我在 ASP.NET MVC .NET Framework 4 项目中运行 SignalR 1.0.1 服务器。我在另一个域（不同的本地主机端口）上有另一个 ASP.NET 应用程序，试图通过 JavaScript 客户端进行连接。当我的应用程序尝试连接时，我得到了这个：

XMLHttpRequest cannot load http://localhost:31865/api/negotiate?_=1363105027533.
Origin http://localhost:64296 is not allowed by Access-Control-Allow-Origin.

我已按照所有步骤启用 SignalR 的跨域支持——我错过了什么？

  • jQuery.support.cors = true;
  • $.connection('http://localhost:31865/api', '', false, { jsonp: true, xdomain: true });
  • RouteTable.Routes.MapHubs(new HubConfiguration { EnableCrossDomain = true });
  • RouteTable.Routes.MapConnection<ApiConnection>("/api", "api");

我还在 API 项目的 Web.config 中添加了以下内容：

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

我正在为我的 SignalR 服务器使用 PersistentConnection，而不是集线器。

有任何想法吗？

4

1 回答 1

17

MapHubs将在 /signalr 配置一个端点以与您的所有Hub类进行通信。由于您没有使用集线器，因此MapHubs无需调用 to。调用MapHubs也不会对 /api 连接的配置产生任何影响。

您对 MapConnection 的调用应更改为如下所示：

RouteTable.Routes.MapConnection<ApiConnection>("api", "api",
    new ConnectionConfiguration { EnableCrossDomain = true });

注意：第二个参数MapConnection是 URL。第一个参数是路由名称。这/是不必要的，但在任何一种情况下都不会受到伤害。

  • 仅jQuery.support.cors = true;应进行设置“在尚不支持 cors 但允许跨域 XHR 请求（Windows 小工具等）的环境中启用跨域请求” 。这与我所知道的任何版本的 IE 或任何其他浏览器无关。如果浏览器不支持 CORS，除非您设置为 true ，否则SignalR 将自动回退到 JSONP 。[1]jQuery.support.cors

    如果您只是盲目地将其设置为 true，SignalR 将假定环境确实支持跨域 XHR 请求，并且不会自动回退到 JSONP 呈现 SignalR 在真正不支持 CORS 的浏览器中运行时无法建立跨域连接。

  • $.connection('http://localhost:31865/api', '', false, { jsonp: true, xdomain: true });是不正确的。你应该只需要

    var connection = $.connection('http://localhost:31865/api');

    xdomain不再是 SignalR JS 客户端的选项，如果你真的想指定jsonp，你应该start在连接时这样做：

     connection.start({ jsonp: true}).done(function () { /* ... */ });

    我应该重申，如果环境不支持 CORS， SignalR 将自动回退到 JSONP，因此您不应自己指定此选项。JSONP 不需要Access-Control-Allow-Origin标头，但它确实强制 SignalR 使用其最低效的传输方式：长轮询。

  • 您无需customHeaders在 Web.config 中进行设置。当您在 you 中设置为 true时，SignalR 将Access-Control-Allow-Origin自动在 SignalR 响应中设置标头。EnableCrossDomainConnectionConfiguration

有关使用PersistentConnections. _

于 2013-03-12T17:25:22.330 回答