Blazor Server中Session Storage取值始终为null的问题求助

核心问题分析 #

你的代码里存在两个关键错误，导致无法正确获取Session Storage的值：

1. 异步方法未正确等待：GetAsync是异步方法，直接调用.ToString()或.Result都无法拿到实际存储的值，前者会返回Task对象的字符串表示，后者会引发Blazor Server上下文死锁。
2. JS环境时机问题：Blazor Server中客户端存储依赖JS互操作，只有在组件渲染完成后（OnAfterRenderAsync生命周期）才能安全访问，若在更早的阶段操作会失败。

针对Blazored.SessionStorage的修正方案 #

1. 先在Program.cs中注册服务：

builder.Services.AddBlazoredSessionStorage();

2. 修正获取值的代码，全程使用async/await：

[Inject] private ISessionStorageService SessionStorage { get; set; }

public async Task GetUserInfo()
{
    string Name = await SessionStorage.GetAsync<string>("Name");
    string Email = await SessionStorage.GetAsync<string>("Email");
    // 此处Name和Email为实际存储的值
}

针对ProtectedSessionStorage的修正方案 #

替换.Result为await，并确保存入的原始值有效：

[Inject] public ProtectedSessionStorage SessionStorage { get; set; }

protected override async Task OnAfterRenderAsync(bool firstRender)
{
    // 先检查Helper中的值是否为空，避免存入无效数据
    if (string.IsNullOrEmpty(Helper.Name) || string.IsNullOrEmpty(Helper.Email))
    {
        return;
    }

    await SessionStorage.SetAsync("Name", Helper.Name);
    await SessionStorage.SetAsync("Email", Helper.Email);

    // 使用await安全获取值
    var nameResult = await SessionStorage.GetAsync<string>("Name");
    var emailResult = await SessionStorage.GetAsync<string>("Email");

    string Name = nameResult.Value;
    string Email = emailResult.Value;
}

额外注意事项 #

• 不要在OnInitializedAsync中直接操作Session Storage，此时JS环境尚未就绪，必须在OnAfterRenderAsync及之后的生命周期方法中执行。
• 禁止使用.Result或.Wait()阻塞异步方法，这会导致Blazor Server的同步上下文死锁，全程遵循async/await模式。
• 优先确认Helper.Name和Helper.Email本身是否有有效值，如果原始值为null，存入后取出自然也是null。

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