Blazor WASM认证状态变更后跳转首页失效问题求助

以下是几个可行的解决方案，按优先级排序：

1. 在Blazor同步上下文内执行跳转 #

AuthenticationStateChanged事件回调可能在非UI线程触发，导致NavigateTo无法正确更新路由。用InvokeAsync包裹跳转逻辑，确保在Blazor的同步上下文中执行：

// 在Razor页面的方法内
await InvokeAsync(() => 
{
    NavigationManager.NavigateTo("/Home", forceLoad: false);
});

注意路径使用绝对路径（带前导斜杠/），避免相对路径导致的路由解析错误。

2. 改用MSAL内置的认证完成回调 #

直接在MSAL配置中指定认证完成后的跳转逻辑，比监听AuthenticationStateChanged更可靠——它是在MSAL完全处理完认证流程后触发：

// Program.cs中配置MSAL
builder.Services.AddMsalAuthentication(options =>
{
    builder.Configuration.Bind("AzureAd", options.ProviderOptions.Authentication);
    // 添加你的权限范围
    options.ProviderOptions.DefaultAccessTokenScopes.Add("api://your-client-id/access_as_user");
    
    options.Events.OnAuthenticationCompleted = async context =>
    {
        var navigationManager = context.Services.GetRequiredService<NavigationManager>();
        navigationManager.NavigateTo("/Home");
        await Task.CompletedTask;
    };
});

3. 检查路由和授权配置 #

• 确认/Home路由已在App.razor的Router组件中正确注册
• 检查Home页面的授权策略：若添加了[Authorize]属性，需确保当前用户的角色、权限符合访问要求

4. 延迟跳转等待认证状态持久化 #

如果上述方法无效，可尝试短暂延迟后再跳转，确保认证状态已完全写入本地存储：

await Task.Delay(150); // 可按需调整延迟时间
await InvokeAsync(() => NavigationManager.NavigateTo("/Home"));

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