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。