ASP.NET集成SignalR对接Angular出现CORS跨域错误解决方案咨询

问题根因 #

你当前的配置存在3个核心问题：

• ConfigureServices中注册的CORS策略是ASP.NET Core体系的配置，对你当前Owin管道托管的SignalR完全不生效，属于冗余配置
• 自定义CORS策略中手动插入Access-Control-Allow-Credentials响应头的逻辑会导致重复返回响应头，反而触发浏览器跨域校验失败
• 没有正确处理SignalR协商（negotiate）阶段的OPTIONS预检请求

修正方案 #

1. 后端Startup.cs配置修正 #

直接替换你的Startup.cs代码为以下版本：

[assembly: OwinStartup(typeof(TestClientDotNetFramework.Startup))]
namespace TestClientDotNetFramework
{
    public class Startup  
    {
        public void Configuration(IAppBuilder app)
        {
            // 配置全局CORS策略，放在所有中间件最前面
            var corsPolicy = new CorsPolicy
            {
                AllowAnyMethod = true,
                AllowAnyHeader = true,
                SupportsCredentials = true,
                Origins = { "http://localhost:4200" }
            };

            app.UseCors(new CorsOptions
            {
                PolicyProvider = new CorsPolicyProvider
                {
                    PolicyResolver = _ => Task.FromResult(corsPolicy)
                }
            });

            // 原有/signalr路径配置（如果不需要可以删掉）
            app.Map("/signalr", map =>
            {
                map.RunSignalR(new HubConfiguration { EnableJSONP = true });
            });

            // 你要用的SignalRServer路径配置
            app.Map("/SignalRServer", map =>
            {
                var config = new HubConfiguration
                {
                    EnableDetailedErrors = true
                };
                map.RunSignalR(config);
            });
        }
    }
}

2. 前端Angular配置验证 #

确保你创建SignalR连接时开启了withCredentials参数，示例代码：

this.hubConnection = new HubConnectionBuilder()
  .withUrl('https://localhost:44319/SignalRServer', {
    withCredentials: true
  })
  .build();

额外注意事项 #

• 如果后续部署到生产环境，需要把corsPolicy.Origins里的本地地址替换为正式前端域名
• 不要同时开启JSONP和CORS，当前开发环境用CORS即可，JSONP是老旧跨域方案不需要开启

内容的提问来源于stack exchange，提问作者user9915915