@RequestParam @RequestBody @PathVariable 这三个注解对应的前端使用vue的http请求时不同的调用方式

1. @RequestParam

• 用途：用于提取请求参数，常见于GET请求或表单提交。

• Vue HTTP 请求示例：

// 使用axios发送GET请求  
axios.get('/api/users', {  
    params: {  
        id: 1,  
        name: 'John'  
    }  
});  

2. @RequestBody

• 用途：用于提取请求体中的数据，通常用于接收JSON或XML格式的数据。

• Vue HTTP 请求示例：

// 使用axios发送POST请求  
axios.post('/api/users', {  
    id: 1,  
    name: 'John'  
});

3. @PathVariable

• 用途：用于从URL路径中提取参数，常用于RESTful API设计。

• Vue HTTP 请求示例：

// 使用axios发送GET请求  
const userId = 1;  
axios.get(`/api/users/${userId}`);

总结

• @RequestParam：

  • 调用方式：通过查询参数或表单格式发送，适用于GET和POST请求。
  • Vue表示：使用axios.get的params选项或在POST请求中拼接查询参数。

• @RequestBody：

  • 调用方式：在请求体中以JSON格式发送数据，适用于POST和PUT请求。
  • Vue表示：使用axios.post，直接传递一个JSON对象。

• @PathVariable：

  • 调用方式：直接在URL中放置参数，适用于RESTful API风格的请求。
  • Vue表示：在GET请求中直接拼接URL。