集成Azure AD的Blazor Server App：公共/匿名页面异常

针对你遇到的问题，核心原因是Blazor Server的授权机制与常规Razor页面不同，仅靠文件夹级别的匿名配置无法覆盖组件级别的认证要求，同时页面布局或Hub连接可能仍在触发认证逻辑，导致前端报错。以下是具体解决步骤：

1. 修正Program.cs中的授权与认证配置 #

确保匿名访问策略正确配置，且Blazor相关服务的授权约定符合要求：

// 配置Azure AD认证
builder.Services.AddAuthentication(OpenIdConnectDefaults.AuthenticationScheme)
    .AddMicrosoftIdentityWebApp(builder.Configuration.GetSection("AzureAd"));

// 配置授权策略
builder.Services.AddAuthorization(options =>
{
    // 设置全局默认策略为需要认证
    options.FallbackPolicy = new AuthorizationPolicyBuilder()
        .RequireAuthenticatedUser()
        .Build();
    // 添加专门的匿名访问策略
    options.AddPolicy("Public", policy => policy.AllowAnonymous());
});

// 注册Blazor服务
builder.Services.AddServerSideBlazor()
    .AddMicrosoftIdentityConsentHandler();

// 配置Razor页面的匿名访问（如果Public目录下是Razor页面而非Blazor组件）
builder.Services.Configure<RazorPagesOptions>(options =>
{
    options.Conventions.AllowAnonymousToFolder("/Public");
});

2. 为Blazor公共组件显式添加匿名标记 #

Blazor组件的授权不依赖文件夹配置，必须在组件顶部添加@attribute [AllowAnonymous]：

@page "/public"
@attribute [AllowAnonymous]

<h1>公开访问页面</h1>
<button @onclick="TestClick">测试点击</button>

@code {
    private void TestClick()
    {
        // 点击逻辑
    }
}

3. 隔离公共页面的布局组件 #

如果你的全局布局（比如MainLayout.razor）包含用户信息、登录状态等需要认证的内容，公共页面会因加载布局触发认证错误。解决方法：

• 为公共页面创建独立的无认证布局：

<!-- PublicLayout.razor -->
@inherits LayoutComponentBase

<div class="page">
    <div class="main">
        @Body
    </div>
</div>

• 在公共组件中指定该布局：

@page "/public"
@attribute [AllowAnonymous]
@layout PublicLayout

4. 确认中间件顺序正确 #

Program.cs中的中间件必须按以下顺序排列，否则认证/授权逻辑会失效：

app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseRouting();
app.UseAuthentication(); // 认证中间件在前
app.UseAuthorization();  // 授权中间件在后
app.MapBlazorHub();
app.MapFallbackToPage("/_Host");
app.MapRazorPages();

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