Blazor Server项目中控制器Redirect方法无法跳转页面求助

我有一个Blazor Server项目，项目内包含用于认证的本地控制器，希望通过该控制器完成用户登录后重定向至首页或之前的页面。但本地控制器中的Redirect方法似乎无法生效，我尝试了包括外部URL在内的多种地址，均未成功，多次尝试解决未果，恳请帮助。

登录提交代码 #

result = await httpClient.PostAsJsonAsync("Account/Login", loginParameters);

控制器代码 #

public class AccountController : Controller
{
    [HttpPost]
    public async Task<IActionResult> Login([FromBody]LoginParameters loginParameters)
    {
        string userName = loginParameters.UserName;
        string password = loginParameters.Password;
        string redirectUrl = loginParameters.RedirectUrl;
            
        if (env.EnvironmentName == "Development" && userName == "admin" && password == "admin")
        {
            var claims = new List<Claim>
            {
                new(ClaimTypes.Name, "admin"),
                new(ClaimTypes.Email, "admin")
            };
            roleManager.Roles.ToList().ForEach(r => claims.Add(new Claim(ClaimTypes.Role, r.Name)));
            await signInManager.SignInWithClaimsAsync(new ApplicationUser { UserName = userName, Email = userName }, false, claims);

            //return Redirect("https://localhost:5001/");
            //return Redirect("https://www.google.com/");
            return Redirect($"~/{redirectUrl}");
        }

        // 其他逻辑
    }
}

Program.cs代码 #

builder.Services.AddHttpContextAccessor();
builder.Services.AddScoped(serviceProvider =>
{
    var uriHelper = serviceProvider.GetRequiredService<NavigationManager>();
    return new HttpClient { BaseAddress = new Uri(uriHelper.BaseUri) };
});
builder.Services.AddHttpClient();

//...
if (!app.Environment.IsDevelopment())
{
    app.UseExceptionHandler("/Error");
    app.UseHsts();
    app.Use((ctx, next) =>
    {
        ctx.Request.Scheme = "https";
        return next();
    });
}
else
    app.UseDeveloperExceptionPage();

app.UseStaticFiles();
app.UseRouting();
app.UseAuthentication();
app.UseAuthorization();

app.UseEndpoints(endpoints =>
{
    endpoints.MapControllerRoute("default","{controller=Home}/{action=Index}/{id?}");
    endpoints.MapControllers();
    endpoints.MapBlazorHub();
    endpoints.MapFallbackToPage("/_Host");
});

app.Run();

问题现象 #

解决方法 #

核心问题是你用HttpClient.PostAsJsonAsync发起AJAX请求，控制器返回的Redirect是给浏览器的跳转指令，但AJAX请求不会触发浏览器自动跳转——浏览器只会接收响应内容，不会执行重定向逻辑。

提供两种可行方案：

方案1：改用表单提交替代AJAX #

将登录页面改为传统HTML表单提交，这样控制器返回的Redirect就能让浏览器自动跳转：

<form method="post" action="/Account/Login">
    <input type="text" name="UserName" placeholder="用户名" />
    <input type="password" name="Password" placeholder="密码" />
    <input type="hidden" name="RedirectUrl" value="@redirectUrl" />
    <button type="submit">登录</button>
</form>

同时需要把控制器的[FromBody]改为[FromForm]，让模型绑定正确接收表单数据。

方案2：前端手动处理跳转（推荐） #

保持AJAX请求流程，控制器返回包含重定向地址的JSON结果，由前端通过Blazor的NavigationManager完成跳转：

控制器修改：

if (env.EnvironmentName == "Development" && userName == "admin" && password == "admin")
{
    // 原登录逻辑...
    return Ok(new { RedirectUrl = string.IsNullOrEmpty(redirectUrl) ? "/" : redirectUrl });
}

前端代码修改：

var result = await httpClient.PostAsJsonAsync("Account/Login", loginParameters);
if (result.IsSuccessStatusCode)
{
    var response = await result.Content.ReadFromJsonAsync<{ RedirectUrl: string }>();
    NavigationManager.NavigateTo(response.RedirectUrl);
}

这种方案更贴合Blazor的SPA特性，无需刷新页面即可完成跳转。

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