Blazor登录组件抛出Microsoft.AspNetCore.Components.NavigationException求助

你遇到的NavigationException是因为调用API登录成功后，Blazor的认证状态未即时更新，直接用NavigationManager.NavigateTo导航到受保护的主页时，路由授权拦截了未认证状态的请求，导致抛出导航异常。原模板使用RedirectManager而非NavigationManager处理身份相关导航，就是因为它能适配Blazor的认证生命周期。

方案1：改用RedirectManager（推荐） #

Blazor Web App模板默认提供的RedirectManager专门处理涉及身份认证的导航场景，能自动处理认证状态同步：

1. 在Login组件注入RedirectManager：

[Inject]
private RedirectManager RedirectManager { get; set; }

2. 替换NavigationManager.NavigateTo("/")为：

if (response.IsSuccessStatusCode)
{               
    RedirectManager.RedirectTo("/"); // 或RedirectManager.RedirectTo(ReturnUrl);
}

方案2：手动更新认证状态后导航 #

如果坚持使用NavigationManager，需要先通知Blazor更新认证状态，再执行导航：

1. 在Login组件注入AuthenticationStateProvider：

[Inject]
private AuthenticationStateProvider AuthenticationStateProvider { get; set; }

2. 登录成功后触发认证状态更新：

if (response.IsSuccessStatusCode)
{
    // 强制Blazor重新获取认证状态
    if (AuthenticationStateProvider is ServerAuthenticationStateProvider serverAuthProvider)
    {
        serverAuthProvider.NotifyAuthenticationStateChanged(
            AuthenticationStateProvider.GetAuthenticationStateAsync()
        );
    }
    // 延迟导航确保状态更新完成（可选，视情况调整）
    await Task.Delay(100);
    NavigationManager.NavigateTo("/");
}

方案3：强制刷新页面（简单粗暴） #

如果上述方案无效，可使用forceLoad: true强制刷新页面，让浏览器重新加载认证Cookie并同步状态：

if (response.IsSuccessStatusCode)
{               
    try
    {
        NavigationManager.NavigateTo("/", forceLoad: true);
    }
    catch (NavigationException)
    {
        // 忽略该异常，强制刷新后页面会自动处理认证
    }
}

• 确认你的api/account/login接口正确返回了认证Cookie（比如ASP.NET Core的Identity Cookie），如果Cookie未设置，Blazor无法识别用户已登录。
• 检查主页的AuthorizeView是否正确配置，确保Authorized分支只有认证用户能访问。

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