ASP.NET Core 6集成Okta登录时遭遇CORS错误求助

问题场景 #

将ASP.NET Core 6 Web应用与Okta集成，已完成官方配置步骤，但登录时触发CORS错误，相关配置代码如下：

Program.cs 代码 #

builder.Services.AddControllersWithViews();

builder.Services.AddAuthentication(options =>
{
 options.DefaultAuthenticateScheme = CookieAuthenticationDefaults.AuthenticationScheme;
 options.DefaultSignInScheme = CookieAuthenticationDefaults.AuthenticationScheme;
 options.DefaultChallengeScheme = CookieAuthenticationDefaults.AuthenticationScheme;
})
.AddCookie(options =>
{
    options.LoginPath = new PathString("/Account/SignIn");
})
.AddOktaMvc(new OktaMvcOptions
{
    // 替换为你的Okta配置
    OktaDomain = builder.Configuration.GetValue<string>("Okta:OktaDomain"),
    ClientId = builder.Configuration.GetValue<string>("Okta:ClientId"),
    ClientSecret = builder.Configuration.GetValue<string>("Okta:ClientSecret"),
    AuthorizationServerId = builder.Configuration.GetValue<string> 
    ("Okta:AuthorizationServerId"),
    Scope = new List<string> { "openid", "profile", "email" }
});

var app = builder.Build();

app.UseCors();

Appsettings.json 配置 #

"Okta": {
  "OktaDomain": "https://dev-xxxx.okta.com",
  "ClientId": "xxxxxxxxxxxxxxxxxx",
  "ClientSecret": "xxxxxxxxxxxxxxx"
}

解决步骤 #

1. 正确配置CORS策略 #

当前代码中app.UseCors()未指定任何允许规则，默认不会放行跨域请求，需先在服务注册阶段定义CORS策略，再启用：

修改Program.cs，在AddControllersWithViews()后添加CORS服务配置：

builder.Services.AddCors(options =>
{
    options.AddPolicy("OktaCorsPolicy", policy =>
    {
        // 允许Okta域名跨域，替换为你的实际Okta域名
        policy.WithOrigins(builder.Configuration.GetValue<string>("Okta:OktaDomain"))
              .AllowAnyHeader()
              .AllowAnyMethod()
              // 若需携带认证Cookie，添加此行
              .AllowCredentials();
        
        // 本地开发时可追加测试地址，例如：
        // .WithOrigins("http://localhost:5000", "https://localhost:5001");
    });
});

调整中间件顺序，指定使用上述策略：

var app = builder.Build();

app.UseRouting();
// CORS中间件需放在认证中间件之前
app.UseCors("OktaCorsPolicy");
app.UseAuthentication();
app.UseAuthorization();

app.MapControllers();
app.MapControllerRoute(
    name: "default",
    pattern: "{controller=Home}/{action=Index}/{id?}");

app.Run();

2. 检查Okta控制台的CORS配置 #

登录Okta管理控制台完成以下操作：

• 进入Applications > 你的应用，在General标签下，确认Login redirect URIs和Initiate login URI已正确设置为你的应用地址（例如http://localhost:5000/Account/SignInCallback）。
• 进入Security > API > Trusted Origins，添加你的应用地址（例如http://localhost:5000）并勾选CORS选项；同时确保Okta自身域名在信任列表中。

3. 补全AuthorizationServerId配置 #

你的appsettings.json缺少AuthorizationServerId项，默认Okta使用default作为授权服务器ID，补充配置如下：

"Okta": {
  "OktaDomain": "https://dev-xxxx.okta.com",
  "ClientId": "xxxxxxxxxxxxxxxxxx",
  "ClientSecret": "xxxxxxxxxxxxxxx",
  "AuthorizationServerId": "default"
}

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