添加[Authorize]后SignalR连接报401错误求助

核心问题点 #

你的SignalR连接出现401错误，主要源于三处配置疏漏：

1. 缺失授权服务与中间件配置 #

仅注册了认证服务（AddAuthentication），但未添加授权服务，也未在中间件管道中启用认证和授权逻辑，导致[Authorize]特性无法正常生效。

2. CORS配置与客户端参数不匹配 #

服务器CORS策略开启了AllowCredentials()，但客户端设置withCredentials: false，这会导致协商请求的凭证传递异常，干扰Token校验流程。

3. Hub路径匹配可能存在偏差 #

OnMessageReceived事件中仅匹配路径/user，如果你的UserHub实际映射路径并非此值，将无法从查询参数中提取Token进行校验。

具体修复步骤 #

步骤1：完善Program.cs的认证授权配置 #

修改Program.cs，补充授权服务并调整中间件执行顺序：

var builder = WebApplication.CreateBuilder(args);

// ... 保留原有其他配置代码 ...

builder.Services.AddAuthentication(JwtBearerDefaults.AuthenticationScheme).AddJwtBearer(options =>
{
    options.TokenValidationParameters = new TokenValidationParameters()
    {
        // 建议统一配置逻辑：要么开启校验并填写正确的Issuer/Audience，要么全部设为false
        ValidateIssuer = true,
        ValidateAudience = true,
        ValidAudience = builder.Configuration["Jwt:Audience"],
        ValidIssuer = builder.Configuration["Jwt:Issuer"],
        IssuerSigningKey = new SymmetricSecurityKey(Encoding.UTF8.GetBytes(builder.Configuration["Jwt:Key"]))
    };
    options.Events = new JwtBearerEvents
    {
        OnMessageReceived = context =>
        {
            var accessToken = context.Request.Query["access_token"];
            var path = context.HttpContext.Request.Path;
            // 确保此处路径与Hub实际映射路径一致
            if (!string.IsNullOrEmpty(accessToken) && path.StartsWithSegments("/user"))
            {
                context.Token = accessToken;
            }
            return Task.CompletedTask;
        }
    };
});

// 添加授权服务
builder.Services.AddAuthorization();

var app = builder.Build();

// ... 保留原有Swagger等中间件配置 ...

// 注意中间件顺序：必须在UseRouting之后、UseEndpoints之前启用认证和授权
app.UseRouting();
app.UseAuthentication();
app.UseAuthorization();

app.UseCors("CorsPolicy");

app.UseEndpoints(endpoints =>
{
    endpoints.MapControllers();
    // 确保Hub映射路径与OnMessageReceived中的匹配路径一致
    endpoints.MapHub<UserHub>("/user");
});

app.Run();

步骤2：修正客户端的withCredentials参数 #

将客户端withCredentials设为true，与服务器CORS策略保持一致：

public startSignalrConnection(connectionUrl: any) {
  return new Promise<any>((resolve, reject) => {
    this.hubConnection = new HubConnectionBuilder()
      .withUrl(connectionUrl, { 
        withCredentials: true,
        accessTokenFactory: () => localStorage.getItem('jwt')!,
      })
      .configureLogging(LogLevel.Debug)
      .build();
    // ... 补充后续连接逻辑 ...
  });
}

步骤3：验证Token有效性 #

确认localStorage中存储的jwt是未过期的有效Token，且签名密钥、Issuer/Audience与服务器配置完全一致。

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