为何调用NavigationManager.NavigateTo后Uri未更新？.NET 9技术问询

问题现象 #

在.NET 9的Blazor Interactive WebAssembly渲染模式下，调用NavigationManager.NavigateTo修改URL片段（Hash部分）后，浏览器地址栏能正常更新，但NavigationManager.Uri始终返回旧值，即使将方法改为异步并添加Task.Delay也无法解决。

原因分析 #

Blazor对仅URL片段变更的处理属于客户端"软导航"：

• 这种导航不会触发完整的路由刷新，NavigationManager内部不会立即同步更新Uri属性。
• NavigationManager的Uri更新依赖于浏览器的popstate事件或内部导航通知，这个过程是异步的，直接在NavigateTo后读取Uri，拿到的还是未更新的旧值。
• Task.Delay(1)不可靠，因为浏览器地址栏更新与Blazor状态同步的时机没有明确的时序保证。

解决方法 #

方法1：监听LocationChanged事件（通用方案） #

NavigationManager提供了LocationChanged事件，会在URL（包括片段）变更完成后触发，此时读取Uri或事件参数中的Location就能拿到最新值：

@page "/mypage"
@inject NavigationManager NavigationManager
@implements IDisposable

<button @onclick="NavigateWithRandomHash">nav to a random fragment</button>

@code{
    protected override void OnInitialized()
    {
        // 注册地址变更事件
        NavigationManager.LocationChanged += OnLocationChanged;
    }

    private void NavigateWithRandomHash()
    {
        var newHash = Guid.NewGuid().ToString();
        NavigationManager.NavigateTo($"/mypage#{newHash}");
    }

    private void OnLocationChanged(object? sender, LocationChangedEventArgs e)
    {
        // 通过事件参数获取最新URL
        Console.WriteLine("最新URL（事件参数）: " + e.Location);
        // 此时NavigationManager.Uri也已同步更新
        Console.WriteLine("最新URL（NavigationManager）: " + NavigationManager.Uri);
    }

    // 组件销毁时取消事件订阅，避免内存泄漏
    public void Dispose()
    {
        NavigationManager.LocationChanged -= OnLocationChanged;
    }
}

方法2：直接复用拼接的Hash值（仅主动设置场景） #

如果只是需要本次主动设置的URL片段，无需等待NavigationManager同步，直接复用拼接时的变量即可：

@page "/mypage"
@inject NavigationManager NavigationManager

<button @onclick="NavigateWithRandomHash">nav to a random fragment</button>

@code{
    private void NavigateWithRandomHash()
    {
        var newHash = Guid.NewGuid().ToString();
        var targetUrl = $"/mypage#{newHash}";
        NavigationManager.NavigateTo(targetUrl);
        // 直接输出拼接好的URL，无需依赖NavigationManager.Uri
        Console.WriteLine("当前设置的URL: " + targetUrl);
    }
}

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