Blazor 8 RC2静态模式下如何通过代码实现页面导航

在Blazor .NET 8的静态模式（默认未指定RenderMode）中，调用NavigationManager.NavigateTo会抛出NavigationException，核心原因是静态模式下服务器端处理表单POST时，没有活跃的SignalR连接，无法触发客户端导航行为。以下是两种可行的解决方案：

方案一：服务器端重定向（推荐，符合PRG模式） #

这是表单POST后导航的标准做法（Post/Redirect/Get），能避免用户刷新页面重复提交数据，直接由服务器返回HTTP重定向响应，浏览器自动跳转。

修改SubmitAsync方法的返回类型为Task<IActionResult>，返回重定向结果：

using Microsoft.AspNetCore.Mvc;

private async Task<IActionResult> SubmitAsync()
{
    IsSaving = true;

    try
    {
        ProductDto? product = await // 执行产品保存逻辑

        // 方式1：重定向到指定页面并传递参数
        return new RedirectToPageResult("/Products/Details", new { productId = product.ProductId });
        
        // 方式2：直接重定向到绝对路径
        // return new RedirectResult($"/Products/{product.ProductId}");
    }
    catch (Exception ex)
    {
        Debug.WriteLine(ex.Message);
        IsSaving = false;
        // 返回null表示留在当前页面，显示错误状态
        return null;
    }
}

方案二：客户端延迟导航 #

若需保留客户端状态，可在服务器端处理完成后标记导航状态，待组件渲染完成后在客户端触发导航：

private bool _shouldNavigate;
private string? _targetUrl;

private async Task SubmitAsync()
{
    IsSaving = true;

    try
    {
        ProductDto? product = await // 执行产品保存逻辑
        _targetUrl = $"/Products/{product.ProductId}";
        _shouldNavigate = true;
    }
    catch (Exception ex)
    {
        Debug.WriteLine(ex.Message);
        IsSaving = false;
    }
}

protected override async Task OnAfterRenderAsync(bool firstRender)
{
    if (_shouldNavigate && !string.IsNullOrEmpty(_targetUrl))
    {
        NavigationManager.NavigateTo(_targetUrl);
        _shouldNavigate = false;
        _targetUrl = null;
    }
    await base.OnAfterRenderAsync(firstRender);
}

关键原因说明 #

静态模式下Blazor组件的表单POST处理是服务器端无状态执行的，执行完成后直接返回静态HTML，此时没有与客户端的SignalR连接，NavigationManager.NavigateTo无法向客户端发送导航指令，因此抛出异常。服务器端重定向是最适配该场景的解决方案。

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