Blazor Server(.NET7)页面错误消息无法实时同步至公共头部问题

核心问题是你的TagService没有实现属性变更通知机制，头部的razor_header组件虽然绑定了Message_Main属性，但当属性值变化时，组件并不知道需要重新渲染，自然无法实时显示新消息。而你在页面组件里调用的StateHasChanged()只能刷新当前页面组件，不会触发头部组件的更新。

具体修复步骤 #

1. 改造TagService，实现属性变更通知 #

让TagService实现INotifyPropertyChanged接口，在Message_Main属性值变化时触发通知事件：

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class TagService : INotifyPropertyChanged
{
    private string _messageMain;
    public string Message_Main
    {
        get => _messageMain;
        set
        {
            if (_messageMain != value)
            {
                _messageMain = value;
                OnPropertyChanged();
            }
        }
    }

    public event PropertyChangedEventHandler? PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string? propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 修改razor_header组件，订阅属性变更事件 #

在头部组件中订阅TagService的PropertyChanged事件，当属性变化时触发组件重新渲染：

@inject TagService TagService
@implements IDisposable

<div>
    <h2>@TagService.Message_Main</h2>        
</div>

@code {
    protected override void OnInitialized()
    {
        TagService.PropertyChanged += OnTagServicePropertyChanged;
        base.OnInitialized();
    }

    private void OnTagServicePropertyChanged(object? sender, PropertyChangedEventArgs e)
    {
        // 确保在Blazor的UI线程上下文更新组件
        InvokeAsync(StateHasChanged);
    }

    public void Dispose()
    {
        // 取消订阅，避免内存泄漏
        TagService.PropertyChanged -= OnTagServicePropertyChanged;
    }
}

3. 确保TagService的生命周期配置正确 #

在Program.cs中确认TagService是Scoped生命周期（Blazor Server默认每个SignalR连接对应一个Scoped服务实例，符合你的场景）：

builder.Services.AddScoped<TagService>();

为什么原来的代码不生效？ #

你在页面组件里调用的StateHasChanged()只会通知当前页面组件重新渲染，而头部的razor_header是独立的组件实例，它没有收到任何更新通知，所以不会自动刷新显示新的消息。只有当服务主动通知属性变化时，头部组件才会触发重新渲染，实时显示最新消息。

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