.NET 6 MAUI Blazor中NavigationManager同页面路由参数变更不导航问题

问题根源 #

当导航到同一组件类型但路由参数不同的地址时（比如从/Profile/otheruser跳转至/Profile/currentuser），Blazor默认不会重新初始化组件，仅更新路由参数。如果你的数据加载逻辑只写在OnInitializedAsync中，就不会触发新数据加载，看起来像NavigationManager无响应。

正确解决方案 #

1. 用OnParametersSetAsync替代OnInitializedAsync加载数据 #

在Profile.razor中，将用户数据加载逻辑移至OnParametersSetAsync方法——该方法会在路由参数变化时自动调用：

@page "/Profile/{Username}"
@inject HttpClient Http

<!-- 页面渲染内容 -->

@code {
    [Parameter]
    public string Username { get; set; }

    private UserProfile profileData;

    protected override async Task OnParametersSetAsync()
    {
        // 根据新的Username参数加载对应用户数据
        profileData = await Http.GetFromJsonAsync<UserProfile>($"api/profiles/{Username}");
    }
}

这样无论从哪个页面跳转至Profile页，只要Username参数变化，就会自动重新加载数据，无需绕路到首页。

2. 保持原有导航逻辑即可 #

TopNav.razor中的导航代码无需修改，正常调用即可触发参数更新：

navManager.NavigateTo($"/Profile/{loggedInUser.Username}");

为什么forceLoad不可用 #

forceLoad: true会强制WebView整页刷新，这在MAUI Blazor中会导致应用上下文丢失，还可能因路由配置或WebView限制出现页面无法访问的错误，绝对不推荐使用。

额外优化：全局监听路由变化（可选） #

如果需要处理更复杂的路由场景，可在Profile.razor中订阅NavigationManager.LocationChanged事件：

@inject NavigationManager NavManager

@code {
    private IDisposable locationChangedSubscription;

    protected override void OnInitialized()
    {
        locationChangedSubscription = NavManager.LocationChanged += OnLocationChanged;
    }

    private async void OnLocationChanged(object sender, LocationChangedEventArgs e)
    {
        var uri = new Uri(e.Location);
        var segments = uri.AbsolutePath.Split('/');
        if (segments.Length >= 3 && segments[1] == "Profile")
        {
            var newUsername = segments[2];
            if (newUsername != Username)
            {
                Username = newUsername;
                await OnParametersSetAsync();
                StateHasChanged();
            }
        }
    }

    public void Dispose()
    {
        locationChangedSubscription?.Dispose();
    }
}

这种方式适合特殊场景，但一般用OnParametersSetAsync就能解决你的问题。

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