Blazor Server反复调用Scoped服务后Razor页面值不更新问题排查

核心原因 #

1. Thread.Sleep阻塞UI线程：Blazor Server的UI更新依赖单线程同步上下文，Thread.Sleep(1000)会直接阻塞当前UI线程，导致StateHasChanged()触发的UI更新请求被积压，直到整个循环执行完毕才会一次性渲染，所以页面始终显示第一次的值。
2. Task.Run的使用场景不当：虽然你用Task.Run把服务方法放到后台线程执行，但await之后会回到UI上下文，后续的Thread.Sleep还是在UI线程上执行，完全阻塞了UI渲染的机会。

修复方案 #

1. 替换Thread.Sleep为Task.Delay #

Task.Delay是非阻塞的异步延迟，会释放UI线程去处理渲染任务，让StateHasChanged()的更新能及时生效：

修改后的Razor.cs代码：

public string value_screen = "";
public async Task Read_value_from_scoped_service()
{
    for(int i = 0; i < 10; i++)
    {
        value_screen = await Task.Run(() => Service_API.Read_Process_value(url));
        StateHasChanged();         
        await Task.Delay(1000); // 替换Thread.Sleep为异步延迟
    }
}

2. 优化服务方法为异步（可选但推荐） #

如果Read_Process_value内部是调用REST API这类IO操作，建议改成异步方法，避免占用后台线程：

修改后的Scoped服务代码：

public string value_from_API = "";
public async Task<string> Read_Process_value(string url)
{
    // 改用异步方式调用API，比如HttpClient.GetAsync
    // 示例：
    // var response = await _httpClient.GetAsync(url);
    // value_from_API = await response.Content.ReadAsStringAsync();

    using (StreamWriter sw = File.AppendText(logpath))
    {
        sw.WriteLine("item_valuer= " + value_from_API + " " + DateTime.Now.ToString());
    }
    return value_from_API;
}

对应的Razor.cs调用也可以简化，不需要Task.Run：

value_screen = await Service_API.Read_Process_value(url);

额外说明 #

• Blazor Server中，所有UI更新必须在同步上下文线程中触发，且不能阻塞该线程，否则会导致UI无响应或更新不及时。
• StateHasChanged()会通知组件重新渲染，但如果当前线程被阻塞，渲染任务会被推迟到线程空闲时执行。

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