如何根据用户登录状态启用/禁用页面元素及获取实时登录状态

一、不依赖AuthorizeView，在单一视图中控制元素启用/禁用 #

你提到的问题核心是AuthorizeView会强制拆分视图，而你需要统一视图仅控制元素状态。这里可以直接使用Blazor的AuthenticationStateProvider服务来获取认证状态，不用嵌套在AuthorizeView里。

具体步骤如下：

1. 注入AuthenticationStateProvider并订阅状态变化
   在你的组件中注入服务，同时订阅认证状态的变化事件，这样状态更新时UI能自动刷新：

   @inject AuthenticationStateProvider AuthStateProvider
   @implements IDisposable
   
   <!-- 你的统一视图内容 -->
   
   @code {
       private AuthenticationState _currentAuthState;
       private IDisposable _authStateSubscription;
   
       protected override async Task OnInitializedAsync()
       {
           // 初始化获取当前认证状态
           _currentAuthState = await AuthStateProvider.GetAuthenticationStateAsync();
           // 订阅状态变化，实时更新UI
           _authStateSubscription = AuthStateProvider.AuthenticationStateChanged += AuthStateChanged;
       }
   
       private async void AuthStateChanged(Task<AuthenticationState> newStateTask)
       {
           _currentAuthState = await newStateTask;
           StateHasChanged(); // 通知组件重新渲染
       }
   
       public void Dispose()
       {
           // 组件销毁时取消订阅，避免内存泄漏
           _authStateSubscription?.Dispose();
       }
   }
   

2. 用获取到的状态控制元素禁用
   现在你可以直接在UI元素中使用_currentAuthState.User.Identity.IsAuthenticated来控制IsDisabled属性，完全不用AuthorizeView：

   <NavLink class="nav-link" href="foobar" 
            IsDisabled="@(!_currentAuthState.User.Identity.IsAuthenticated)">
       受控制的Foobar链接
   </NavLink>
   

二、解决登录后状态不更新的问题 #

你遇到的登录后仍显示未认证的情况，是因为默认情况下AuthenticationStateProvider不会自动感知登录操作，需要手动触发状态变更通知。

在你的登录逻辑完成后，调用NotifyAuthenticationStateChanged方法，让所有订阅了状态变化的组件获取最新状态：

// 假设这是你的登录组件/服务中的代码
@inject AuthenticationStateProvider AuthStateProvider
@inject SignInManager<IdentityUser> SignInManager

// 登录操作
var result = await SignInManager.PasswordSignInAsync(
    email, password, rememberMe, lockoutOnFailure: false);

if (result.Succeeded)
{
    // 触发认证状态变更通知
    await AuthStateProvider.NotifyAuthenticationStateChanged(
        AuthStateProvider.GetAuthenticationStateAsync());
    
    // 其他登录后的逻辑，比如跳转
    NavigationManager.NavigateTo("/");
}

这样，当用户登录成功后，你的组件会收到状态更新事件，自动刷新UI，显示正确的认证状态。

注意：正如你所说，这种前端的启用/禁用仅用于UI交互优化，不是安全防护，后端API必须单独做权限验证，防止未授权用户通过直接调用API访问受保护资源。

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