Blazor Server中MainLayout注入的Scoped服务为何每次页面切换重建实例？

问题原因与分析 #

1. 为什么MainLayout中无法实现共享？ #

你遇到的核心问题不是Scoped服务实例被重建，而是MainLayout的初始化逻辑仅执行一次：

• Blazor Server中，Scoped服务的作用域是用户的SignalR会话，同一个用户的所有页面共享同一个ScopedDataStore实例（你可以在服务构造函数里打印HashCode验证，当前GetLastUrl返回的HashCode不能直接判断实例是否重建——因为你没重写GetHashCode，同一个实例的HashCode是固定的）。
• MainLayout作为布局组件，仅在应用首次加载时触发OnInitializedAsync，后续页面导航切换时，布局不会重新初始化，只会更新@Body区域，所以你的SetCurrentUrl不会被再次调用，导致数据没有更新，让你误以为实例被重建。

MainLayout使用的注意点 #

• 布局组件的生命周期独立于页面组件，页面切换时不会触发布局的初始化/销毁钩子，仅会触发参数变更相关方法（如OnParametersSetAsync）。
• 不要依赖布局的初始化方法处理页面级别的动态逻辑（如导航变化），这类逻辑应该绑定到导航事件或页面级生命周期。

最优解决方案：无需手动添加代码的全局逻辑实现 #

最简洁的方案是在Scoped服务内部直接监听导航变化，不需要在布局或页面中写任何初始化代码，自动同步URL数据：

步骤1：修改ScopedDataStore，注入NavigationManager并订阅事件 #

public class ScopedDataStore : IDisposable
{
    private readonly NavigationManager _navigationManager;
    public string CurrentUrl { get; private set; } = "";
    public string PreviousUrl { get; private set; } = "";

    // 构造函数注入NavigationManager
    public ScopedDataStore(NavigationManager navigationManager)
    {
        _navigationManager = navigationManager;
        // 订阅导航变化事件
        _navigationManager.LocationChanged += OnLocationChanged;
        // 初始化当前URL
        CurrentUrl = _navigationManager.Uri;
    }

    private void OnLocationChanged(object? sender, LocationChangedEventArgs e)
    {
        PreviousUrl = CurrentUrl;
        CurrentUrl = e.Location;
    }

    public string GetLastUrl()
    {
        return PreviousUrl;
    }

    // 释放事件订阅，避免内存泄漏
    public void Dispose()
    {
        _navigationManager.LocationChanged -= OnLocationChanged;
    }
}

步骤2：保留Scoped服务注册（无需修改） #

// Program.cs
builder.Services.AddScoped<ScopedDataStore>();

步骤3：在MainLayout或任意页面直接使用数据 #

<!-- MainLayout.razor -->
@inject ScopedDataStore ScopedData
@implements IDisposable

<article class="content px-4">
    @Body
    <h1>上一页URL : @ScopedData.PreviousUrl</h1>
    <h1>当前页URL : @ScopedData.CurrentUrl</h1>
</article>

@code {
    public void Dispose()
    {
        ((IDisposable)ScopedData)?.Dispose();
    }
}

替代方案：全局组件自动执行逻辑 #

如果你需要在页面切换时执行特定组件逻辑（而非仅同步数据），可以将你的GlobalComp直接放入MainLayout的@Body区域，利用组件的OnParametersSet监听页面切换：

<!-- GlobalComp.razor -->
@inject ScopedDataStore ScopedData
@inject NavigationManager _nav

@code {
    protected override void OnInitialized()
    {
        // 初始化执行一次
        ScopedData.PushCurrentUrl(_nav.Uri);
    }

    protected override void OnParametersSet()
    {
        // 每次页面切换（Body更新）时执行
        ScopedData.PushCurrentUrl(_nav.Uri);
    }
}

然后在MainLayout中引入：

<!-- MainLayout.razor -->
<article class="content px-4">
    <GlobalComp />
    @Body
</article>

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