.NET Core 8.0+Angular+Azure AD登录弹窗不显示问题求助

核心问题排查 #

• 中间件顺序错误：UseAuthentication() 必须在 UseAuthorization() 之前执行，否则认证逻辑完全不会触发。你当前的代码把这两个中间件的顺序写反了。
• 认证服务选型错误：你用了AddMicrosoftIdentityWebApi，这是为后端API设计的JWT令牌认证方案，但Angular SPA属于前端单页应用，需要的是OpenID Connect的跳转登录流程，得用针对前端应用的认证配置。

修正后的Program.cs代码 #

var builder = WebApplication.CreateBuilder(args);

// 替换API认证为SPA适用的Azure AD登录配置
builder.Services.AddAuthentication(OpenIdConnectDefaults.AuthenticationScheme)
    .AddMicrosoftIdentityWebApp(builder.Configuration.GetSection("AzureAd"))
    .EnableTokenAcquisitionToCallDownstreamApi()
    .AddInMemoryTokenCaches();

// 添加SPA静态文件支持，路径对应Angular编译后的输出目录
builder.Services.AddSpaStaticFiles(configuration =>
{
    configuration.RootPath = "ClientApp/dist"; // 根据你的Angular项目实际路径调整
});

builder.Services.AddControllers();
builder.Services.AddEndpointsApiExplorer();
builder.Services.AddSwaggerGen();

var app = builder.Build();

app.UseDefaultFiles();
app.UseStaticFiles();

if (app.Environment.IsDevelopment())
{
    app.UseSwagger();
    app.UseSwaggerUI();
}

app.UseHttpsRedirection();

// 修正中间件顺序：先执行认证，再执行授权
app.UseAuthentication();
app.UseAuthorization();

app.MapControllers();

// 配置SPA的 fallback 路由
app.MapSpaFallbackRoute(
    name: "spa-fallback",
    defaults: new { controller = "Home", action = "Index" });

app.Run();

额外需要确认的事项 #

• Angular端配置：确保前端已经集成@azure/msal-angular库，配置好正确的Azure AD客户端ID、租户ID、重定向URI，并且在路由守卫或初始化逻辑中触发登录检查。
• appsettings.json验证：确认AzureAd节点里的ClientId、TenantId、CallbackPath（一般为/signin-oidc）和Azure AD应用注册里的配置完全匹配。
• 接口授权标记：在需要保护的API控制器或Action上添加[Authorize]特性，未认证请求才会触发登录跳转。

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