Blazor调用Razor Page登录接口返回405 Method Not Allowed且后端断点未触发问题求助

看起来你遇到了Blazor调用Razor Page登录接口时的405方法不允许问题，而且后端的OnPostAsync断点完全没触发，这确实挺让人头疼的，我来帮你梳理下可能的问题点和解决办法：

一、先排查最可能的核心问题：Razor Page与PageModel的关联错误 #

这是导致405且断点不触发的高频原因：

• 你需要确认loginpage.cshtml里的@model指令是否指定了完全正确的命名空间。比如如果你的LoginModel类在YourAppName.Pages.Account命名空间下，那@model应该写@model YourAppName.Pages.Account.LoginModel，如果命名空间写错，Razor Page会自动使用默认的空PageModel，而默认PageModel没有OnPostAsync方法，服务器自然就只支持GET/HEAD请求，POST时就返回405。
• 同时检查LoginModel类和OnPostAsync方法是否都是public修饰的，非public的方法不会被Razor Page框架识别为请求处理方法。

二、修正请求地址与数据格式的匹配问题 #

1. 使用绝对路径发送请求：
   你在Blazor的login.razor.cs里用的是PostAsJsonAsync("Account/LoginPage", Input)，相对路径可能会因为当前Blazor页面的路由而出现偏差，改成绝对路径试试：

   var response = await httpClient.PostAsJsonAsync("/Account/LoginPage", Input);
   

   对应的Razor Page里的form action也改成绝对路径：

   <form method="post" action="/Account/LoginPage">
   

2. 注意请求体格式与Razor Page模型绑定的兼容性：
   PostAsJsonAsync发送的是application/json格式的请求体，但Razor Page的[BindProperty]默认只绑定application/x-www-form-urlencoded或multipart/form-data格式的请求数据。如果要让Razor Page支持json格式的绑定，你需要在OnPostAsync方法里手动读取json：

   public async Task<IActionResult> OnPostAsync()
   {
       var input = await Request.ReadFromJsonAsync<LoginInputModel>();
       string email = input.Email?.Trim() ?? "";
       string password = input.Password?.Trim() ?? "";
       // 后续登录逻辑...
   }
   

   或者，你也可以在Blazor里用FormUrlEncodedContent发送表单格式的请求，这样就能和Razor Page的默认模型绑定兼容：

   var formData = new Dictionary<string, string>
   {
       {"Input.Email", Input.Email},
       {"Input.Password", Input.Password},
       {"Input.RememberMe", Input.RememberMe.ToString()}
   };
   var content = new FormUrlEncodedContent(formData);
   var response = await httpClient.PostAsync("/Account/LoginPage", content);
   

三、检查PageModel的代码完整性 #

你贴出的OnPostAsync代码有明显的缺失，这些问题即使不导致405，也会让登录逻辑失效：

• 没有注入SignInManager的构造函数，这会导致运行时报错，需要补全：

  private readonly SignInManager<IdentityUser> _signInManager;
  
  public LoginModel(SignInManager<IdentityUser> signInManager)
  {
      _signInManager = signInManager;
  }
  

• 方法最后缺少返回语句，比如登录成功后返回跳转，失败后返回页面：

  public async Task<IActionResult> OnPostAsync(string? returnUrl = null)
  {
      string email = Input.Email?.Trim() ?? "";
      string password = Input.Password?.Trim() ?? "";
      returnUrl = returnUrl ?? "/";
  
      var result = await _signInManager.PasswordSignInAsync(
          email, password, Input.RememberMe, false);
  
      if (result.Succeeded)
      {
          return LocalRedirect(returnUrl);
      }
      // 登录失败的处理
      ModelState.AddModelError(string.Empty, "登录失败，请检查邮箱或密码");
      return Page();
  }
  

四、验证中间件与路由注册 #

你的中间件顺序看起来是正确的：

app.UseRouting();
app.UseAuthentication();
app.UseAuthorization();
app.UseAntiforgery();
app.UseEndpoints(endpoints => { endpoints.MapRazorPages(); });

可以额外验证下：直接在浏览器访问https://localhost:7028/Account/LoginPage，如果能看到你写的form页面，说明Razor Page的路由注册是正常的；如果返回404，那需要检查@page "/Account/LoginPage"指令是否正确，以及app.MapRazorPages()是否在UseEndpoints里正确配置。

内容来源于stack exchange