Blazor WebAssembly集成Open ID认证因CORS跨域问题失败

问题分析 #

你遇到的CORS错误核心原因是：独立Blazor WASM作为纯前端应用，在浏览器中请求身份提供商的OIDC元数据端点（https://login.microsoftonline.com/.well-known/openid-configuration）时，浏览器同源策略拦截了跨域请求。虽然微软Azure AD的元数据端点默认允许跨域访问，但问题大概率出在项目认证服务配置或Authority地址的正确性上。

解决方案 #

1. 修正Authority地址格式 #

确保Authority是租户专属的完整地址，而非泛用的https://login.microsoftonline.com/，正确格式示例：

https://login.microsoftonline.com/{你的租户ID}/v2.0

（租户ID可在Azure AD门户的"概述"页面获取）

2. 替换认证服务配置 #

模板默认的AddApiAuthorization()是为托管式Blazor或与Identity Server配合场景设计的，独立项目对接外部OIDC提供商需改用AddOidcAuthentication()：

修改Program.cs中的认证服务注册代码：

// 替换原有的 builder.Services.AddApiAuthorization();
builder.Services.AddOidcAuthentication(options =>
{
    // 绑定appsettings.json中的配置
    builder.Configuration.Bind("Local", options.ProviderOptions);
    
    // 添加必要的OIDC范围（按需调整）
    options.ProviderOptions.Scopes.Add("openid");
    options.ProviderOptions.Scopes.Add("profile");
    options.ProviderOptions.Scopes.Add("email");
});

3. 完善appsettings.json配置 #

补充完整OIDC参数，比如添加注销回调地址：

"Local": {
  "Authority": "https://login.microsoftonline.com/{你的租户ID}/v2.0",
  "ClientId": "你的客户端ID",
  "ResponseType": "code",
  "RedirectUri": "https://localhost:7202/authentication/login-callback",
  "PostLogoutRedirectUri": "https://localhost:7202/authentication/logout-callback"
}

4. 验证身份提供商配置 #

在Azure AD门户的应用注册页面：

• 确认重定向URI和注销后重定向URI与配置文件中的地址完全一致
• 检查"认证"页面的"高级设置"，确保未启用"允许公共客户端流"（Blazor WASM使用授权码+PKCE流，无需公共客户端权限）

额外检查 #

• 清除浏览器缓存，避免旧认证会话干扰
• 确认项目运行端口为7202，与配置中的回调地址端口匹配

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