如何使用相同的blazor(.razor)页面进行#{id}部分导航？

app.UseRouting();

app.UseEndpoints(endpoints =>
{
    endpoints.MapBlazorHub();
    endpoints.MapFallbackToPage("/_Host");
    endpoints.MapRoute(name: "default", pattern: "{controller}/{action=Index}/{id?}");
});

@page "/page/{id}"
@inject NavigationManager NavigationManager

<h3>Page with ID: @Id</h3>

<p>This is the content for page with ID: @Id.</p>

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

    protected override void OnParametersSet()
    {
        // 可以在这里处理参数变化
    }
}

@inject NavigationManager NavigationManager

<button @onclick="NavigateToPage">Go to Page with ID 123</button>

@code {
    private void NavigateToPage()
    {
        NavigationManager.NavigateTo($"/page/123");
    }
}

NavigationManager.NavigateTo($"/page/123");

[Parameter]
public int Id { get; set; }

endpoints.MapRoute(name: "default", pattern: "{controller}/{action=Index}/{id?}");