.NET 7 Blazor Server部署Azure后login.microsoft.com跨域错误求助

问题本质 #

Blazor Server的认证流程是服务器端发起请求，浏览器不会直接调用login.microsoft.com，所以你配置的ASP.NET Core CORS中间件完全没用——CORS是浏览器限制前端跨域请求的机制，服务器端调用不存在跨域问题。浏览器报CORS错误，说明你的代码里错误地让前端直接发起了认证请求，而非走服务器端跳转流程。

具体修复步骤 #

1. 修正认证配置 #

确保Program.cs里的Microsoft Identity配置是服务器端模式，不要让前端处理认证逻辑：

builder.Services.AddAuthentication(OpenIdConnectDefaults.AuthenticationScheme)
    .AddMicrosoftIdentityWebApp(builder.Configuration.GetSection("AzureAd"))
    .EnableTokenAcquisitionToCallDownstreamApi(new string[] { "User.Read" })
    .AddMicrosoftGraph(builder.Configuration.GetSection("MicrosoftGraph"))
    .AddInMemoryTokenCaches();

// 注意：Blazor Server无需单独配置CORS中间件（除非有独立API被前端跨域调用）
// 之前加的app.UseCors()可以先注释掉，排除干扰

2. 核对Azure应用注册配置 #

• 重定向URI必须是Web类型，值为Azure App Service地址加/signin-oidc，例如https://yourapp.azurewebsites.net/signin-oidc
• 确认应用注册的"API权限"已添加Microsoft Graph所需权限（比如User.Read），且完成管理员同意（租户级应用需此步骤）
• 客户端密钥建议直接在Azure App Service的"配置"->"应用程序设置"中添加AzureAd__ClientSecret，不要存放在appsettings.json里，更安全

3. 排查前端非法跨域请求 #

检查Razor组件中是否有用fetch、axios直接调用login.microsoft.com的代码，这类操作必须由后端处理。正确做法是通过Blazor的NavigationManager.NavigateTo("/login")触发服务器端认证跳转。

4. Azure环境验证 #

• 在App Service的"网络"->"网络测试"中，确认能正常访问login.microsoft.com和graph.microsoft.com
• 检查"配置"->"通用设置"里的"HTTP版本"是否为2.0及以上
• 开启诊断日志，查看服务器端认证错误详情，比浏览器CORS提示更精准

关键误区 #

Blazor Server和WebAssembly的认证逻辑完全不同：WebAssembly是前端发起认证，需要配置CORS；Server模式是服务器端代理请求，前端仅负责跳转，不需要配置CORS。你之前的操作搞错了适用场景，这才是问题核心。

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