如何阻止集成Azure AD的Blazor应用启动后直接跳转至登录页

问题场景 #

使用Azure AD（非B2C）授权创建Blazor Server项目，默认配置下用户访问网站会立即跳转到MS登录页，希望改为未授权用户展示自定义内容，仅在点击登录按钮时才触发跳转。

解决方案步骤 #

1. 移除全局强制授权配置 #

打开Program.cs，移除全局的AuthorizeFilter配置（你之前尝试的代码是添加全局授权，反而会加剧自动跳转问题），改为基础的MS Identity UI配置：

// 正确配置：不要添加全局授权过滤器
builder.Services.AddControllersWithViews()
    .AddMicrosoftIdentityUI();

2. 调整路由授权逻辑 #

在App.razor中，使用普通的<RouteView>替代<AuthorizeRouteView>（后者会默认强制路由级授权并跳转），让组件级的<AuthorizeView>来控制内容显示：

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MainLayout)" />
        <FocusOnNavigate RouteData="@routeData" Selector="h1" />
    </Found>
    <NotFound>
        <PageTitle>未找到页面</PageTitle>
        <LayoutView Layout="@typeof(MainLayout)">
            <p role="alert">抱歉，该地址不存在内容。</p>
        </LayoutView>
    </NotFound>
</Router>

3. 添加手动登录触发按钮 #

在需要展示登录按钮的位置（比如主布局MainLayout.razor），使用<AuthorizeView>区分登录/未登录状态，并添加登录按钮触发跳转：

@inject NavigationManager NavManager

<div class="top-row px-4">
    <AuthorizeView>
        <Authorized>
            <a href="MicrosoftIdentity/Account/SignOut">退出登录</a>
        </Authorized>
        <NotAuthorized>
            <button @onclick="() => NavManager.NavigateTo("/MicrosoftIdentity/Account/SignIn")">登录</button>
        </NotAuthorized>
    </AuthorizeView>
</div>

4. 组件内使用<AuthorizeView>控制内容 #

在需要区分授权状态的组件中，继续使用你提供的<AuthorizeView>代码即可：

<AuthorizeView>
    <Authorized>
        <p>仅登录用户可见！</p>
    </Authorized>
    <NotAuthorized>
        <p>未登录用户可见内容。</p>
    </NotAuthorized>
</AuthorizeView>

原理说明 #

默认的MS Identity Blazor Server配置会全局添加授权过滤器，强制所有请求需要认证，导致自动跳转。移除全局过滤器后，由组件级的<AuthorizeView>控制内容展示，仅当用户主动点击登录按钮时，才会触发到Azure AD的登录跳转。

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