Blazor WASM回退再登录卡在“Completing login...”问题求助

问题原因 #

用户回退到旧的IdentityServer登录页时，该页面对应的state值在之前登录成功后已被Blazor WASM客户端清除。再次提交登录后，回调请求携带的旧state无法在本地存储中匹配，导致登录流程卡住。

解决方案 #

1. 在回调页面捕获错误并兜底跳转

修改Authentication.razor的回调处理逻辑，捕获No matching state found in storage异常，清理无效状态后重定向到首页或登录页，避免页面卡顿：

protected override async Task OnInitializedAsync()
{
    try
    {
        var result = await AuthenticationService.LoginCallbackAsync();
        if (result.Succeeded)
        {
            NavigationManager.NavigateTo("/");
        }
        else
        {
            NavigationManager.NavigateTo("/authentication/login?error=login_failed");
        }
    }
    catch (Exception ex)
    {
        if (ex.Message.Contains("No matching state found in storage"))
        {
            // 清理残留身份状态
            await AuthenticationService.SignOutAsync();
            // 重定向到首页
            NavigationManager.NavigateTo("/");
        }
        else
        {
            NavigationManager.NavigateTo("/authentication/login?error=unexpected_error");
        }
    }
}

2. 拦截已登录用户的登录流程

在Authentication.razor的登录发起逻辑中，先检查用户是否已认证，若已登录直接跳转首页，避免生成无效的登录请求：

public async Task Login()
{
    var authState = await AuthenticationStateProvider.GetAuthenticationStateAsync();
    if (authState.User.Identity.IsAuthenticated)
    {
        NavigationManager.NavigateTo("/");
        return;
    }

    // 原有登录重定向逻辑
    await AuthenticationService.LoginAsync(new LoginOptions
    {
        RedirectUri = $"{NavigationManager.BaseUri}authentication/login-callback"
    });
}

3. 在IdentityServer端拦截无效授权请求

修改IdentityServer登录页的后端逻辑，验证ReturnUrl对应的授权请求是否有效，无效则直接重定向回客户端：

public async Task<IActionResult> OnPost(string returnUrl = null)
{
    // 验证授权请求上下文是否存在
    var authContext = await InteractionService.GetAuthorizationContextAsync(returnUrl);
    if (authContext == null)
    {
        // 授权请求已过期或无效，重定向回客户端首页
        return Redirect("https://localhost:3375");
    }

    // 原有登录逻辑（验证用户凭证、颁发令牌等）
    // ...
}

注意事项 #

• state参数是授权码流中防范CSRF攻击的关键，不要直接跳过state验证，优先采用上述兜底、拦截类方案。
• 若使用自定义存储保存state，需确保旧state在登录成功后被及时清理，避免残留。

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