Blazor WebAssembly应用登录墙最优实现与登录重定向问题解决

方法一：前端登录链接指定返回URL #

直接在你的Login.razor组件里，给登录链接加上returnUrl参数，明确指定登录后的跳转目标：

<a href="authentication/login?returnUrl=%2Findex">Log in</a>

这里%2F是斜杠/的URL编码，确保参数能正确传递。这种方式简单直接：用户从首页点击登录时，会跳转到/index；如果用户直接访问受保护页面（比如/fetchdata），系统会自动生成指向该页面的returnUrl，完全保留原有重定向逻辑。

方法二：后端动态替换返回URL #

如果不想在前端硬编码参数，可以通过后端逻辑处理：

1. 先把Identity的登录页面脚手架到项目里，方便修改逻辑：

dotnet aspnet-codegenerator identity -dc ApplicationDbContext --files Account.Login

2. 找到生成的AccountController，修改Login方法的POST处理部分，判断如果原返回URL是首页（/），就替换为/index：

public async Task<IActionResult> Login(LoginInputModel model, string returnUrl = null)
{
    returnUrl ??= Url.Content("~/");
    
    // 原有登录验证逻辑...
    
    if (ModelState.IsValid)
    {
        var result = await _signInManager.PasswordSignInAsync(model.Email, model.Password, model.RememberMe, lockoutOnFailure: false);
        if (result.Succeeded)
        {
            // 判断原返回URL是否为首页，是则替换为目标页面
            if (string.Equals(returnUrl, "/", StringComparison.OrdinalIgnoreCase))
            {
                returnUrl = "/index";
            }
            return LocalRedirect(returnUrl);
        }
        // 错误处理逻辑...
    }
    
    // 其他逻辑...
    return View(model);
}

这种方式对前端无侵入，后端统一处理跳转规则。

更简洁的架构优化方案 #

其实没必要把Login.razor设为首页，推荐调整路由和授权规则，让系统自动处理：

1. 把Index.razor设为首页（@page "/"），并添加授权特性，要求登录才能访问：

@page "/"
@attribute [Authorize]
<h1>首页内容</h1>

2. 移除自定义的Login.razor，直接使用Blazor WASM内置的认证登录入口/authentication/login。
3. 在Server项目的Program.cs里配置认证的登录路径：

builder.Services.AddAuthentication()
    .AddIdentityServerJwt();

builder.Services.ConfigureApplicationCookie(options =>
{
    options.LoginPath = "/authentication/login";
    options.ReturnUrlParameter = "returnUrl";
});

这样未登录用户访问任何受保护页面（包括首页）时，会自动跳转到登录页；登录成功后，系统会自动重定向到用户原本想要访问的页面——既解决了首页登录后的跳转问题，又完美保留了访问其他受保护资源的重定向功能，整体架构更符合Blazor认证的最佳实践。

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