Blazor WASM .NET6中QueryHelpers.ParseQuery无法获取state参数值

问题原因 #

1. 初始化时机问题：在Blazor WASM中，若通过外部跳转（如OAuth回调）进入页面，OnInitializedAsync执行时NavigationManager.Uri可能还未更新为当前页面的URI，导致解析的是旧页面的参数，自然获取不到state。
2. 重复解析冗余操作：每次判断都调用QueryHelpers.ParseQuery，虽不影响功能，但冗余且可能因多次解析出现意外。
3. 未校验参数值有效性：即使TryGetValue返回true，StringValues类型的参数值也可能为空，导致后续取值逻辑失效。

解决方案 #

将参数解析逻辑移至OnParametersSetAsync（确保URI已完成更新），且仅解析一次查询参数，同时校验参数值的有效性：

protected override async Task OnParametersSetAsync()
{
    // 仅解析一次查询参数，复用结果
    var queryParams = QueryHelpers.ParseQuery(_navigationManager.Uri);

    // 处理state参数
    if (queryParams.TryGetValue("state", out var stateValues) && !stateValues.IsNullOrEmpty())
    {
        string state = stateValues.First();
        // 执行你的state处理逻辑
    }

    // 处理code参数
    if (queryParams.TryGetValue("code", out var codeValues) && !codeValues.IsNullOrEmpty())
    {
        string code = codeValues.First();
        // 执行你的code处理逻辑
    }
}

调试验证 #

若问题仍存在，可添加调试代码确认解析结果：

var queryParams = QueryHelpers.ParseQuery(_navigationManager.Uri);
foreach (var kvp in queryParams)
{
    Console.WriteLine($"参数键: {kvp.Key}, 参数值: {kvp.Value}");
}

通过浏览器控制台输出，查看是否包含state参数，确认参数名和值是否正确。

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