Blazor如何根据用户认证状态与角色重定向至不同应用区域

核心思路是按权限域拆分独立的页面目录、布局文件、导航组件，通过路由层的授权拦截做自动跳转，不要在单个布局里写大量权限判断的耦合代码。

1. 提前拆分独立资源文件 #

先把不同权限域的资源完全物理隔离，避免后续权限串扰：

• 新建3套独立布局文件，放在Shared目录下：
  • PublicLayout.razor：匿名区域专用布局，内置匿名用户专属导航菜单（首页、登录、注册等公开入口）
  • RegularUserLayout.razor：普通登录用户专用布局，内置普通用户导航菜单（个人中心、我的业务入口、登出按钮等）
  • AdminLayout.razor：管理员专用布局，内置管理员导航菜单（用户管理、系统配置、数据统计等管理员入口）
• 按权限域拆分页面目录，放在Pages目录下：
  • Pages/Public：存所有匿名可访问页面（登录页、注册页、公开首页等）
  • Pages/User：存普通认证用户专属页面
  • Pages/Admin：存管理员专属页面
• 每个目录下单独放_Imports.razor，统一给目录下所有页面指定对应布局和授权特性，不用每个页面重复写：
  • Pages/Public/_Imports.razor 统一加 @attribute [Microsoft.AspNetCore.Authorization.AllowAnonymous] 和 @layout PublicLayout
  • Pages/User/_Imports.razor 统一加 @attribute [Microsoft.AspNetCore.Authorization.Authorize] 和 @layout RegularUserLayout
  • Pages/Admin/_Imports.razor 统一加 @attribute [Microsoft.AspNetCore.Authorization.Authorize(Roles = "Admin")] 和 @layout AdminLayout

2. 修改路由根组件做拦截跳转 #

修改项目根目录下的App.razor，替换默认的路由逻辑，加入授权状态判断和跨区域跳转逻辑，示例代码如下：

@inject NavigationManager NavManager
@inject AuthenticationStateProvider AuthStateProvider

<Router AppAssembly="@typeof(App).Assembly">
    <Found Context="routeData">
        <AuthorizeRouteView RouteData="@routeData" DefaultLayout="@typeof(PublicLayout)">
            <NotAuthorized>
                @{
                    var authState = await AuthStateProvider.GetAuthenticationStateAsync();
                    // 未登录用户访问受限页面，直接跳匿名区域首页
                    if (!authState.User.Identity?.IsAuthenticated ?? true)
                    {
                        NavManager.NavigateTo("/", replace: true);
                        return;
                    }
                    // 已登录但角色权限不足，跳对应区域的无权限提示页
                    if (authState.User.IsInRole("Admin"))
                    {
                        NavManager.NavigateTo("/admin/forbidden", replace: true);
                    }
                    else
                    {
                        NavManager.NavigateTo("/user/forbidden", replace: true);
                    }
                }
            </NotAuthorized>
            <Authorizing>
                <div class="p-5 text-center">权限校验中...</div>
            </Authorizing>
        </AuthorizeRouteView>
    </Found>
    <NotFound>
        <LayoutView Layout="@typeof(PublicLayout)">
            <div class="p-5 text-center">
                <h3>页面不存在</h3>
            </div>
        </LayoutView>
    </NotFound>
</Router>

3. 配置登录/登出的定向跳转 #

不要写固定的登录后跳转地址，在登录逻辑完成后根据当前用户角色做定向跳转：

• 登录成功后，先拉取当前用户的认证状态和角色：管理员角色跳转到/admin/dashboard，普通用户跳转到/user/dashboard
• 登出逻辑执行完成后，直接跳转到匿名区域首页/

注意事项 #

• 路由前缀建议统一规范：所有普通用户页面路由以/user开头，管理员页面以/admin开头，公开页面直接用根路径开头，后续做批量权限校验更方便
• 不要在同一个布局文件里写大量if (isAdmin)/if (isLogin)的判断来切换菜单，这种耦合写法后续加新角色、调整菜单很容易出现权限泄露，独立布局维护成本更低
• 所有需要权限的页面不要漏加Authorize特性，目录级统一配置后新增页面会自动继承权限规则，不用单独配置

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