从前端Vue到后端Spring Boot：接收JSON数据的正确姿势

// 后端Spring Boot Controller接收JSON数据示例
@RestController
@RequestMapping("/api/data")
public class DataController {
 
    private final DataService dataService;
 
    @Autowired
�te DataController(DataService dataService) {
        this.dataService = dataService;
    }
 
    // 使用POST方法接收JSON数据
    @PostMapping
    public ResponseEntity<?> receiveData(@RequestBody DataModel data) {
        try {
            dataService.processData(data);
            return ResponseEntity.ok("Data processed successfully.");
        } catch (Exception e) {
            return ResponseEntity.status(HttpStatus.INTERNAL_SERVER_ERROR).body("Error processing data: " + e.getMessage());
        }
    }
}
 
// 对应的DataModel类
public class DataModel {
    // 根据实际需要定义属性和方法
    private String attribute1;
    private int attribute2;
 
    // 省略getter和setter方法
}

这段代码展示了如何在Spring Boot中创建一个RESTful API，用于接收来自Vue.js前端的JSON数据。它定义了一个DataController，其中包含一个接收JSON数据的POST方法。同时，它还展示了如何使用@RequestBody注解来自动将请求体中的JSON数据绑定到方法参数上，以及如何使用@PostMapping注解来指定该方法处理POST请求。