协商请求期间的SingalR错误

时间:2018-05-15 08:58:57

标签: javascript jquery asp.net-mvc signalr signalr.client

我有一个SignalR和AspNet的项目。我正在尝试连接我的客户端(它是一个cors),第一个请求返回200代码,但我在客户端收到此错误:

Error during negotiation request.

我的SignalR服务器端类:

public class Startup1
{
    public void Configuration(IAppBuilder app)
    {
        // Branch the pipeline here for requests that start with "/signalr"
        app.Map("/signalr", map =>
        {
            // Setup the CORS middleware to run before SignalR.
            // By default this will allow all origins. You can 
            // configure the set of origins and/or http verbs by
            // providing a cors options with a different policy.
            map.UseCors(CorsOptions.AllowAll);
            var hubConfiguration = new HubConfiguration
            {
                // You can enable JSONP by uncommenting line below.
                // JSONP requests are insecure but some older browsers (and some
                // versions of IE) require JSONP to work cross domain
                EnableJSONP = true
            };
            // Run the SignalR pipeline. We're not using MapSignalR
            // since this branch already runs under the "/signalr"
            // path.
            map.RunSignalR(hubConfiguration);
        });
    }
}

我的客户端js代码:

<script src="@Arbor.CVC.Common.Common.BuildServerFilePath("inc/js/jquery.signalR-2.2.3.min.js")">
</script>
<script type="text/javascript">
        $(document).ready(function () {
               var username = "";
               var id = "";
               var connection = $.hubConnection();
               var contosoChatHubProxy = connection.createHubProxy('Chat');

               connection.url = 'http://localhost:64585/signalr';
               connection.start().done(function () { 
                         console.error('Now connected, connection ID=' + connection.id); }).fail(function (e) { 
                         console.error('Could not connect ' + e); });
 </script>

请求给出了这个答案:

Url /signalr
ConnectionToken BwSsXO+oHqBNh7kqklTWTawIR7/Do3Rc4N+48KrCNzZLB37PlP0V+DnCYgW9EguJsYcjUAf6lhqz3LNd1hqJNxGJHHWbssn4YZEZQBNqeOPC8Ex7ndJfEvEfGslEvCDI
ConnectionId    352c6a53-64b9-4b45-85ce-ae7d20b33ba9
KeepAliveTimeout    20
DisconnectTimeout   30
ConnectionTimeout   110
TryWebSockets   true
ProtocolVersion 1.4
TransportConnectTimeout 5
LongPollDelay   0

但我仍然得到谈判的错误。

1 个答案:

答案 0 :(得分:3)

我从初创公司中删除了这些人:

public class Startup1
{
    public void Configuration(IAppBuilder app)
    {
        // Branch the pipeline here for requests that start with "/signalr"
        app.Map("/signalr", map =>
        {
            // Setup the CORS middleware to run before SignalR.
            // By default this will allow all origins. You can 
            // configure the set of origins and/or http verbs by
            // providing a cors options with a different policy.
            //map.UseCors(CorsOptions.AllowAll);
            var hubConfiguration = new HubConfiguration
            {
                // You can enable JSONP by uncommenting line below.
                // JSONP requests are insecure but some older browsers (and some
                // versions of IE) require JSONP to work cross domain
                EnableJSONP = true,
                EnableJavaScriptProxies = true,
                EnableDetailedErrors = true
            };
            // Run the SignalR pipeline. We're not using MapSignalR
            // since this branch already runs under the "/signalr"
            // path.
            map.RunSignalR(hubConfiguration);
        });
        app.MapSignalR();
    }
}

并将标记[HubName("Chat")]添加到我的Chat.cs类。

我还需要定义原点,我无法使用*

<system.webServer>
    <httpProtocol>
      <customHeaders>
          <add name="Access-Control-Allow-Origin" value="http://localhost:27947" />
          <add name="Access-Control-Allow-Methods" value="*" />
          <add name="Access-Control-Allow-Credentials" value="true" />
       </customHeaders>
    </httpProtocol>
</system.webServer>

在JS中:

var connection = $.hubConnection();
var contosoChatHubProxy = connection.createHubProxy('Chat');

connection.url = 'http://localhost:64585/signalr';
connection.start({ transport: ['webSockets', 'longPolling'] }).done(function () {console.log('Now connected, connection ID=' + connection.id);}).fail(function (e) { console.error('Could not connect ' + e); });

如果您需要允许多个源,请使用这段代码用于web.config(IIS):

<system.webServer>
    <httpProtocol>
      <customHeaders>    
        <add name="Access-Control-Allow-Methods" value="*" />
        <add name="Access-Control-Allow-Credentials" value="true" />
      </customHeaders>
    </httpProtocol>
    <rewrite>            
        <outboundRules>
            <clear />                
            <rule name="AddCrossDomainHeader">
                <match serverVariable="RESPONSE_Access_Control_Allow_Origin" pattern=".*" />
                <conditions logicalGrouping="MatchAll" trackAllCaptures="true">
                    <add input="{HTTP_ORIGIN}" pattern="(http(s)?://((.+\.)?localhost:27947|(.+\.)?localhost:26928))" />
                </conditions>
                <action type="Rewrite" value="{C:0}" />
            </rule>           
        </outboundRules>
    </rewrite>
  </system.webServer>