React+SpringBoot项目表单提交至后端接口时遭遇InvalidPropertyException错误及字段为空问题求助

看起来你碰到了两个典型的参数绑定坑：form-urlencoded格式下的关联对象属性解析错误，以及JSON格式下因缺少注解导致字段全为null的问题。我来一步步帮你搞定：

一、优先解决JSON请求的字段全为null问题（推荐方案） #

这是REST接口最常用的交互方式，问题根源出在Spring Controller的参数绑定逻辑上：

1. 给Controller方法参数添加@RequestBody注解
   你当前的Controller方法没有标注@RequestBody，Spring不会自动把JSON请求体映射到Investment对象上，自然所有字段都是null。修改后的Controller代码：

   @PostMapping(value="/createInvestment", consumes = MediaType.APPLICATION_JSON_VALUE)
   public @ResponseBody Investment createInvestment (@RequestBody Investment investment) {
       return investmentService.createInvestment(investment);
   }
   

   （小提示：可以去掉APPLICATION_FORM_URLENCODED_VALUE，如果不需要支持form格式；另外方法名用小驼峰更符合Java编码规范）

2. 调整React端的请求代码
   不用qs.stringify，直接传递JSON对象即可——axios会自动帮你设置正确的Content-Type并完成序列化：

   axios.post("http://localhost:8080/createInvestment", this.state.form_input)
     .then(response => { 
         console.log("投资记录创建成功！");
     })
     .catch(error => { console.error(error) });
   

   务必保证form_input里的关联对象字段名和实体一致：比如你实体里的关联字段是customer_id，那么React里要这样传：

   form_input: {
       // 其他字段...
       customer_id: { id: 你的客户ID } // 只传id就够了，Spring会自动关联对应的Customer实例
   }
   

二、解决form-urlencoded格式的InvalidPropertyException问题（如果必须用form格式） #

这个错误的核心原因是：Spring解析form参数时，会严格按照实体字段名匹配参数。你的实体里关联字段是customer_id，但请求参数用了customer[id]，Spring找不到customer这个属性，直接抛出了错误。

1. 修改React端的参数命名规则
   把customer[id]改成customer_id.id，让参数名和实体字段完全对应：

   // 构造form参数时
   const formData = {
       // 其他字段...
       "customer_id.id": 你的客户ID
   };
   axios.post("http://localhost:8080/createInvestment", qs.stringify(formData))
     .then(response => { })
     .catch(error => { console.log(error) });
   

2. 可选：优化实体字段名提升可读性
   实体里的customer_id可以改成customer（更符合Java命名规范），数据库列名通过@JoinColumn保持不变，这样参数名就可以改成customer.id，代码更易维护：

   @ManyToOne(cascade = CascadeType.MERGE, fetch = FetchType.LAZY )
   @JoinColumn(name="customer_fk_id") // 数据库列名依然是customer_fk_id，不影响现有数据
   private Customer customer;
   

额外注意事项 #

• LocalDate序列化/反序列化：确保你的Spring项目引入了jackson-datatype-jsr310依赖，否则Spring无法正确解析JSON里的yyyy-MM-dd格式日期。
• 懒加载JSON处理：你配置的@JsonIgnoreProperties({"hibernateLazyInitializer","handler"})已经能避免懒加载导致的序列化错误，保持即可。
• 枚举类型传递：InvestmentStatus用了@Enumerated(EnumType.STRING)，所以React里要传递枚举的字符串值（比如"ACTIVE"），而非数字。

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