Spring Boot与Vue项目中@RequestBody接收值为空问题求助

嗨，David！我来帮你排查这个@RequestBody拿不到值的问题，这种前后端数据格式不匹配的情况很常见，咱们一步步来分析解决：

1. 先确认前端请求的Content-Type是否正确 #

Spring Boot的@RequestBody默认只解析application/json类型的请求体，如果你的Vue请求没设置这个头，后端会把数据当成表单格式处理，自然拿不到值。可以在post请求里加上headers配置：

checkout : function() {
  this.$http.post('/createOrder', 
    { 'shopCart' : {'basket' : this.basket} },
    {
      headers: {
        'Content-Type': 'application/json'
      }
    }
  ).then(response => {
    // 处理响应
  }).catch(error => {
    // 处理错误
  })
}

2. 检查后端实体类的结构与配置 #

确保你用来接收shopCart的实体类（比如ShopCart）满足以下要求：

• 有无参构造函数：Jackson反序列化必须依赖它
• 对应属性的getter/setter方法：Spring需要通过这些方法注入值
• 属性结构和前端传递的JSON完全匹配

举个例子，如果你前端传的是{"shopCart":{"basket": [...]}}，后端应该有对应的外层DTO和内层实体：

// 外层接收DTO
public class OrderRequest {
    private ShopCart shopCart;

    public OrderRequest() {} // 无参构造

    // getter和setter
    public ShopCart getShopCart() { return shopCart; }
    public void setShopCart(ShopCart shopCart) { this.shopCart = shopCart; }
}

// 内层购物车实体
public class ShopCart {
    private List<Item> basket; // 类型要和前端basket的结构对应

    public ShopCart() {}

    public List<Item> getBasket() { return basket; }
    public void setBasket(List<Item> basket) { this.basket = basket; }
}

// 控制器方法
@PostMapping("/createOrder")
public ResponseEntity<String> createOrder(@RequestBody OrderRequest orderRequest) {
    ShopCart shopCart = orderRequest.getShopCart();
    // 后续业务逻辑
    return ResponseEntity.ok("订单创建成功");
}

3. 验证请求数据的结构一致性 #

如果后端控制器直接接收ShopCart而不是外层DTO，那前端就不需要包裹shopCart字段，直接传{"basket": this.basket}即可，避免结构嵌套不匹配。

4. 用浏览器工具排查请求细节 #

打开浏览器开发者工具（F12），切换到Network标签，找到你的POST请求：

• 查看Payload：确认发送的JSON格式是否正确，有没有语法错误
• 查看Request Headers：确认Content-Type是否为application/json

5. 排查跨域问题（可选） #

如果你的前端和后端端口不同，可能存在跨域拦截，导致请求数据没有正常到达后端。可以在Spring Boot控制器上添加跨域注解：

@CrossOrigin(origins = "*") // 开发环境临时用*，生产环境请指定具体域名
@RestController
public class OrderController {
    // 控制器方法
}

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