Blazor WebAssembly调用API Controller Post请求返回400错误求助

以下是常见排查方向和解决办法：

1. 模型验证失败 #

[ApiController]特性会自动触发模型验证，若传入的Policies对象不符合验证规则，会直接返回400错误。

• 检查Policies类的验证属性（如[Required]、[StringLength]等），确保客户端传递的对象满足所有规则。
• 在API的Post方法中添加模型状态检查，返回具体错误信息方便排查：

  [HttpPost]
  public IActionResult Post(Policies policy)
  {
      if (!ModelState.IsValid)
      {
          return BadRequest(ModelState);
      }
      myModelContext.Policies.Update(policy);
      myModelContext.SaveChanges();
      return Ok();
  }
  

• 客户端可以捕获并解析具体的验证错误，同时将async void改为async Task避免异步问题：

  protected async Task OnUpdating(GridCommandEventArgs editRow)
  {
      HttpResponseMessage httpResponseMessage = await httpClient.PostAsJsonAsync($"Main", (Policies)editRow.Item);
  
      if (!httpResponseMessage.IsSuccessStatusCode)
      {
          var errorDetails = await httpResponseMessage.Content.ReadFromJsonAsync<ValidationProblemDetails>();
          var errorMsg = string.Join("; ", errorDetails.Errors.SelectMany(e => e.Value));
          toastService.ShowError(errorMsg);
      }
  }
  

2. 路由或请求匹配问题 #

• 确认API路由是否正确：当前控制器路由[Route("[controller]")]搭配[HttpPost]，完整请求路径应为/Main，若存在路由冲突，可给Post方法指定具体路由：

  [HttpPost("Update")]
  public IActionResult Post(Policies policy)
  {
      // 业务逻辑
  }
  

  客户端对应调整请求路径：PostAsJsonAsync($"Main/Update", ...)

3. 序列化/反序列化不匹配 #

• 确保客户端和服务端的Policies类完全一致，包括属性名称、类型、有无无参构造函数（JSON序列化要求）。
• 检查对象是否存在循环引用，若有需在序列化配置中忽略循环引用，比如服务端添加：

  builder.Services.AddControllers()
      .AddJsonOptions(options => 
          options.JsonSerializerOptions.ReferenceHandler = ReferenceHandler.IgnoreCycles);
  

4. HttpClient配置与跨域问题 #

• 确认客户端HttpClient的BaseAddress配置正确，比如在Program.cs中：

  builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
  

• 若API与客户端不在同一域名，服务端需启用CORS中间件，在Program.cs中添加：

  builder.Services.AddCors(options =>
  {
      options.AddPolicy("AllowBlazorClient", policy =>
      {
          policy.WithOrigins("客户端域名")
                .AllowAnyHeader()
                .AllowAnyMethod();
      });
  });
  app.UseCors("AllowBlazorClient");
  

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