Blazor Server页面导航时未加载内容闪烁问题求助

当前UI代码 #

用于展示用户特定内容的AuthorizeView组件：

<AuthorizeView>
    <Authorizing>
        <span class="spinner"></span>
    </Authorizing>
    <NotAuthorized>
        not logged in
    </NotAuthorized>
    <Authorized>
        logged in as @context.User.Identity!.Name
    </Authorized>
</AuthorizeView>

自定义AuthenticationStateProvider实现 #

通过ProtectedSessionStorage存储用户令牌，首次渲染后加载会话信息：

private readonly ProtectedSessionStorage _Storage;
private bool _HasLoaded;

public AuthorizationService(ProtectedSessionStorage storage) => _Storage = storage;

public void AfterFirstRender()
{
    _HasLoaded = true;
    NotifyAuthenticationStateChanged(GetAuthenticationStateAsync());
}

public override async Task<AuthenticationState> GetAuthenticationStateAsync()
{
    if (!_HasLoaded)  // 预渲染阶段
    {
        return new AuthenticationState(new ClaimsPrincipal());
    }

    // 从_Storage获取真实身份信息的代码...
}

核心问题 #

1. 预渲染阶段无法访问JS，因此直接返回未认证状态，首次渲染后重新查询状态，这部分功能正常。
2. 用户点击应用内的<a href="pageX">本地导航链接时，所有作用域服务会被销毁重建，导致认证状态丢失，需要重新查询。
3. 每次导航都会短暂显示“not logged in”的闪烁效果，体验不佳。
4. 启用了默认预渲染，但内部导航时也会触发完整预渲染+重新加载，而非保留状态。
5. Blazor WebAssembly中会话状态会保留，但Server中单例服务作用域大于用户会话，作用域服务作用域却小于会话（按页面划分）。

疑问 #

是否有可行的解决技巧？比如：

• 避免内部导航时触发预渲染
• 保留作用域服务的状态
• 在JS渲染前可靠加载认证状态
• 导航前将会话ID传递到预渲染过程

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