Blazor如何区分已认证未授权与未登录状态实现菜单控制

Blazor 原生AuthorizeView、AuthorizeRouteView组件的<NotAuthorized>分支默认会同时匹配两类状态：未登录（未完成身份认证）、已登录但不满足角色/策略要求（未授权），你只需要在分支内部通过用户认证状态做二次判断即可实现需求，不需要引入额外第三方组件。

1. 全局路由级统一配置（推荐，无需每个页面重复编写逻辑） #

修改App.razor中的路由授权配置，统一处理所有页面的未认证跳转、未授权提示逻辑：
首先注入导航服务：

@inject NavigationManager NavigationManager

替换路由组件内的授权部分代码：

<Router AppAssembly="typeof(Program).Assembly">
    <Found Context="routeData">
        <AuthorizeRouteView RouteData="routeData" DefaultLayout="typeof(Layout.MainLayout)">
            <NotAuthorized>
                @{
                    // 读取当前用户认证状态
                    var isAuthenticated = context.User.Identity?.IsAuthenticated ?? false;
                    if (!isAuthenticated)
                    {
                        // 未登录用户：拼接带返回地址的登录页路径，跳转登录
                        var returnUrl = NavigationManager.ToBaseRelativePath(NavigationManager.Uri);
                        var loginPath = string.IsNullOrEmpty(returnUrl)
                            ? "/Identity/Account/Login"
                            : $"/Identity/Account/Login?returnUrl={Uri.EscapeDataString(returnUrl)}";
                        // 强制全页跳转：ASP.NET Identity登录页为Razor Pages实现，不属于Blazor组件路由
                        NavigationManager.NavigateTo(loginPath, forceLoad: true);
                        return;
                    }
                }
                <!-- 已登录但无权限用户展示提示 -->
                <div class="alert alert-warning mt-4 mx-3">
                    <h4>访问受限</h4>
                    <p>您的账号暂未分配对应访问角色，请联系管理员完成权限配置后再操作。</p>
                </div>
            </NotAuthorized>
        </AuthorizeRouteView>
        <FocusOnNavigate RouteData="routeData" Selector="h1" />
    </Found>
    <NotFound>
        <PageTitle>页面不存在</PageTitle>
        <LayoutView Layout="typeof(Layout.MainLayout)">
            <p role="alert" class="mt-4 mx-3">抱歉，您访问的地址不存在。</p>
        </LayoutView>
    </NotFound>
</Router>

2. 单页面/局部区域独立控制 #

如果不需要全局统一处理，仅需在特定页面（比如Index.razor）实现逻辑，直接在组件内嵌套判断即可：

@page "/"
@inject NavigationManager NavigationManager

<AuthorizeView Roles="@X.Shared.Constants.AspNetRolesConstants.Administrator">
    <Authorized>
        <h3>Welcome to X Research!</h3>
        <!-- 管理员可见的页面内容 -->
    </Authorized>
    <NotAuthorized>
        @{
            var isAuthenticated = context.User.Identity?.IsAuthenticated ?? false;
            if (!isAuthenticated)
            {
                var returnUrl = NavigationManager.ToBaseRelativePath(NavigationManager.Uri);
                NavigationManager.NavigateTo($"/Identity/Account/Login?returnUrl={Uri.EscapeDataString(returnUrl)}", forceLoad: true);
                return;
            }
        }
        <!-- 已登录非管理员用户可见内容 -->
        <h3>Welcome to X Research!</h3>
        <br />
        <p>您的账号暂未分配角色，请联系管理员添加权限后使用完整功能。</p>
    </NotAuthorized>
</AuthorizeView>

3. 导航菜单权限控制 #

修改NavMenu.razor的菜单项渲染逻辑，仅对已认证且满足角色要求的用户展示对应菜单：

<!-- 所有访客可见的公开菜单 -->
<div class="nav-item px-3">
    <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
        <span class="bi bi-house" aria-hidden="true"></span> 首页
    </NavLink>
</div>

<!-- 仅已登录用户可见的菜单区域 -->
<AuthorizeView>
    <Authorized>
        <!-- 普通登录用户可见菜单 -->
        <div class="nav-item px-3">
            <NavLink class="nav-link" href="profile" Match="NavLinkMatch.All">
                <span class="bi bi-person" aria-hidden="true"></span> 个人中心
            </NavLink>
        </div>

        <!-- 仅管理员可见菜单 -->
        <AuthorizeView Roles="@X.Shared.Constants.AspNetRolesConstants.Administrator">
            <Authorized>
                <div class="nav-item px-3">
                    <NavLink class="nav-link" href="admin/dashboard" Match="NavLinkMatch.All">
                        <span class="bi bi-shield-lock" aria-hidden="true"></span> 管理后台
                    </NavLink>
                </div>
            </Authorized>
        </AuthorizeView>
    </Authorized>
</AuthorizeView>

如果权限规则复杂，可以封装自定义授权策略，直接给AuthorizeView指定Policy参数即可，避免多层嵌套。

注意事项 #

• Blazor组件层的权限控制仅为UI层面的内容隐藏，所有受保护的后端接口、Controller、最小API必须单独加[Authorize]特性做服务端校验，避免用户绕过前端限制直接访问敏感资源。
• 如果使用Blazor WebAssembly模式，认证状态判断逻辑和上述一致，但登录跳转无需加forceLoad: true参数，按照你实际的客户端登录路由调整即可。

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