AngularJS跨域POST至ASP.NET MVC控制器失败，传递空对象求助

我之前也碰到过几乎一模一样的问题！这种同服务器部署正常、跨域POST就传空对象的情况，大概率是请求配置或者后端模型绑定的问题，结合你的场景给你几个具体的排查和解决方向：

1. 确认Angular请求的Content-Type与数据序列化 #

跨域场景下，ASP.NET对请求内容的格式要求会更严格。你需要确保：

• 请求头明确设置为application/json，因为Angular的$http有时候在跨域请求里可能不会自动带上正确的头：

  $scope.SendData = function(events) {
    var AppdataObj = { 
      artist : events.artist, 
      ticketPrice : events.price
      // 其他字段
    };
    // 加上headers配置
    $http.post('http://your-aspnet-server/api/endpoint', AppdataObj, {
      headers: { 'Content-Type': 'application/json' }
    })
    .then(function(response) {
      // 处理成功
    }, function(error) {
      // 处理错误
    });
  };
  

• 不要手动将对象转成JSON字符串（Angular会自动帮你序列化），如果手动转了反而会导致后端解析失败。

2. 检查ASP.NET的CORS配置是否完整 #

虽然GET请求正常，但POST请求可能需要额外的CORS权限配置：

• ASP.NET Core：在Startup.cs里确保CORS策略允许你的Ionic服务器域名，并且放开所有必要的方法和头：

  public void ConfigureServices(IServiceCollection services)
  {
      services.AddCors(options =>
      {
          options.AddPolicy("AllowIonic",
              builder => builder.WithOrigins("http://your-ionic-server:port")
                                .AllowAnyMethod()
                                .AllowAnyHeader());
      });
      // 其他服务配置
  }
  
  public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
  {
      // 注意顺序：先启用CORS，再路由和其他中间件
      app.UseCors("AllowIonic");
      app.UseRouting();
      // 其他中间件
  }
  

• ASP.NET Framework：通过NuGet安装Microsoft.AspNet.WebApi.Cors，然后在WebApiConfig.cs里配置：

  public static void Register(HttpConfiguration config)
  {
      var cors = new EnableCorsAttribute("http://your-ionic-server:port", "*", "*");
      config.EnableCors(cors);
      // 其他WebAPI配置
  }
  

3. 确保后端Action正确配置模型绑定 #

ASP.NET默认不会自动从请求体解析JSON，需要显式指定：

• 在Action的参数上加上[FromBody]特性，告诉框架从请求体读取数据：

  [HttpPost]
  public IHttpActionResult SaveEvent([FromBody] EventModel eventData)
  {
      // 处理逻辑
      return Ok();
  }
  

• 检查模型类的属性名称与前端字段是否完全匹配（大小写敏感！），如果前端用的是小驼峰（比如ticketPrice），后端模型用的是大驼峰（TicketPrice），需要用[JsonProperty]做映射：

  public class EventModel
  {
      [JsonProperty("artist")]
      public string Artist { get; set; }
  
      [JsonProperty("ticketPrice")]
      public decimal TicketPrice { get; set; }
  
      // 其他属性
  }
  

4. 抓包验证实际请求内容 #

最直接的排查方式是用浏览器开发者工具（Network标签）或者Postman模拟请求：

• 查看POST请求的Payload部分，确认发送的JSON里包含artist、ticketPrice等字段且有值；
• 检查请求头里的Content-Type是否确实是application/json；
• 如果Payload是空的，那问题出在前端构造数据的环节，需要检查events对象是否有正确的属性值。

按照这个顺序排查，基本就能解决跨域POST传空对象的问题啦！

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