Blazor Wasm 8.0托管版自定义认证状态刷新失效求助

根据你的描述，核心问题是登录后调用NotifyUserHasChanged()未触发AuthenticationState更新，SPA导航后仍获取旧的ClaimPrincipal，但强制刷新或重启浏览器正常，注销功能正常。以下是针对性的排查和解决步骤：

1. 确保UserInfoProvider已同步最新用户数据 #

你的PersistentAuthenticationStateProvider依赖UserInfoProvider.GetCurrentUserInfo()获取用户数据，如果UserInfoProvider内部使用了缓存机制（比如首次读取本地存储后缓存数据），但在登录成功存入本地存储后未更新缓存，那么GetAuthenticationStateAsync()会始终返回旧的缓存数据，导致通知无效。

解决方法：

• 给UserInfoProvider添加更新缓存的方法，在登录成功保存用户信息到本地存储后，同步更新缓存：

  public class UserInfoProvider
  {
      private UserInfo _cachedUserInfo;
      private readonly IJSRuntime _jsRuntime;
  
      public UserInfoProvider(IJSRuntime jsRuntime)
      {
          _jsRuntime = jsRuntime;
      }
  
      public UserInfo GetCurrentUserInfo()
      {
          return _cachedUserInfo;
      }
  
      // 新增：更新缓存并同步到本地存储
      public async Task UpdateUserInfo(UserInfo newInfo)
      {
          _cachedUserInfo = newInfo;
          // 将新数据存入本地存储（示例代码）
          await _jsRuntime.InvokeVoidAsync("localStorage.setItem", "userInfo", JsonSerializer.Serialize(newInfo));
      }
  
      // 初始化时从本地存储加载数据
      public async Task InitializeAsync()
      {
          var json = await _jsRuntime.InvokeAsync<string>("localStorage.getItem", "userInfo");
          if (!string.IsNullOrEmpty(json))
          {
              _cachedUserInfo = JsonSerializer.Deserialize<UserInfo>(json);
          }
      }
  }
  

• 登录流程中，替换原有的“存入本地存储”步骤为调用UpdateUserInfo，再触发通知：

  // 登录成功获取UserInfo后
  await _userInfoProvider.UpdateUserInfo(userInfo);
  _authenticationStateProvider.NotifyUserHasChanged();
  

2. 在UI线程上下文触发状态通知 #

Blazor的组件状态更新依赖UI线程同步上下文，如果NotifyUserHasChanged()是在异步操作（如API请求）的回调中调用，可能处于非UI线程，导致通知无法正确触发组件更新。

解决方法：
使用InvokeAsync将通知调用包装在UI线程中执行：

await InvokeAsync(() => _authenticationStateProvider.NotifyUserHasChanged());

3. 确认导航操作在状态通知完成后执行 #

虽然NotifyAuthenticationStateChanged()接受一个Task<AuthenticationState>，但状态变更的通知发布是异步过程。如果在通知未完成时就执行导航，组件可能还未接收到新的状态。

解决方法：
可以等待状态变更确认后再导航，或者通过订阅AuthenticationStateChanged事件确保状态更新后再跳转：

// 订阅状态变更事件
var stateChangedTask = new TaskCompletionSource<AuthenticationState>();
EventHandler<AuthenticationStateChangedEventArgs> handler = (sender, args) =>
{
    stateChangedTask.SetResult(args.NewAuthenticationState);
    _authenticationStateProvider.AuthenticationStateChanged -= handler;
};
_authenticationStateProvider.AuthenticationStateChanged += handler;

// 触发状态变更
_authenticationStateProvider.NotifyUserHasChanged();

// 等待状态变更完成
await stateChangedTask.Task;

// 执行导航
_navigationManager.NavigateTo("/home");

4. 检查AuthenticationStateProvider的注册方式 #

确保在客户端Program.cs中正确注册自定义的PersistentAuthenticationStateProvider，替换默认的实现：

builder.Services.AddScoped<AuthenticationStateProvider, PersistentAuthenticationStateProvider>();

注意：在Blazor WebAssembly托管模式下，AuthenticationStateProvider应注册为Scoped，确保每个用户会话都有独立的实例。

5. 确认组件的渲染模式（针对Blazor 8.0 Auto模式） #

如果你的项目使用Blazor 8.0的Auto渲染模式，部分组件可能以静态方式渲染，无法响应动态的AuthenticationState变更。确保包含AuthorizeView的组件使用交互式WebAssembly渲染模式：

@page "/home"
@rendermode InteractiveWebAssembly

<AuthorizeView>
    <Authorized>
        <!-- 授权内容 -->
    </Authorized>
    <NotAuthorized>
        <!-- 未授权内容 -->
    </NotAuthorized>
</AuthorizeView>

验证逻辑 #

按照上述步骤修改后，登录流程应变为：

1. 登录成功获取UserInfo
2. 调用UserInfoProvider.UpdateUserInfo()更新缓存并同步到本地存储
3. 在UI线程调用NotifyUserHasChanged()触发状态更新
4. 等待状态变更完成后导航到主页

此时AuthorizeView应能正确获取新的AuthenticationState，无需强制刷新页面。

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