Blazor Server匿名组件跳转至登录页异常：提示“此地址无内容”但刷新后正常

这个问题我之前也碰到过，核心原因其实是Blazor客户端路由和Identity的服务器端路由（Razor Pages）不兼容导致的：

Blazor Server默认用客户端路由跳转（NavigationManager.NavigateTo不带forceLoad时），它会在浏览器端尝试匹配Blazor组件的路由，但Identity的登录页是Razor Pages页面，不属于Blazor的组件路由体系，所以客户端路由找不到对应的内容，就会弹出“此地址无内容”的提示。而刷新页面时，浏览器会向服务器发送完整的HTTP请求，服务器能正确匹配到Razor Pages的路由，所以就能正常显示登录页了。

下面给你几个可行的解决方案：

1. 强制发起服务器端跳转 #

直接在NavigateTo方法里加上forceLoad: true参数，让浏览器发起完整的服务器请求，绕开Blazor的客户端路由：

private void OnReadyClick() 
{
    // 根据你的项目实际路由调整路径，比如"/Account/Login"或者"/Identity/Account/Login"
    NavigationManager.NavigateTo("/Identity/Account/Login", forceLoad: true); 
}

这个方法简单直接，适合单次跳转的场景。

2. 调整路由注册顺序，让服务器路由优先处理 #

在Program.cs里，确保先注册Razor Pages的路由（Identity依赖这个），再注册Blazor相关的路由。这样服务器会优先处理Identity的路径请求，不会被Blazor的fallback路由拦截：

var builder = WebApplication.CreateBuilder(args);

// 省略其他服务注册代码...

var app = builder.Build();

// 省略中间件配置代码...

// 第一步：注册Razor Pages路由（Identity的页面用这个）
app.MapRazorPages();
// 第二步：注册Blazor Hub
app.MapBlazorHub();
// 第三步：Blazor的fallback路由，放在最后
app.MapFallbackToPage("/_Host");

app.Run();

这个方法一劳永逸，后续所有访问Identity路径的请求都会被服务器正确处理。

3. 修复组件的跳转逻辑 #

如果你想用Blazor自带的RedirectToLogin组件，需要确保它跳转时也使用服务器端跳转。可以自定义一个版本：

@inject NavigationManager NavigationManager
@code {
    protected override void OnInitialized()
    {
        // 带上返回URL，方便登录后回到原页面
        var returnUrl = Uri.EscapeDataString(NavigationManager.Uri);
        NavigationManager.NavigateTo($"/Identity/Account/Login?returnUrl={returnUrl}", forceLoad: true);
    }
}

这样组件跳转时就会触发服务器请求，不会出现404的问题。

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