常用 API
PPG007 ... 2022-1-13 About 1 min
# 常用 API
# axios(url[, config])
const param={
name:'PPG',
age:21,
sex:'male'
}
const url='http://localhost/paramsTest';
axios(url,{
params:{
param
}
})
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
注意
使用配置对象时:
使用 GET 请求时,传递的参数只能是 params
,即配置对象中要使用 params:{}
形式而不是 data
形式。
使用 POST 请求时,传递的参数既可以是 params
也可以是 data
。
# axios.request(config)
默认请求方法为 GET。
const param={
name:'PPG',
age:21,
sex:'male'
}
//get方式
axios.request({
url:url,
params:{
param
}
})
//POST方式
//query参数
axios.request({
url:url,
method:'post',
params:{
param
}
})
//body参数
axios.request({
url:url1,
method:'post',
data:{
param
}
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
# axios.get(url[, config])
const param={
name:'PPG',
age:21,
sex:'male'
}
axios.get(url1,{
params:{
param
}
})
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
# axios.post(url[, data[, config]])
const param={
name:'PPG',
age:21,
sex:'male'
}
// params 配置项
axios.post({
url:url1,
method:'post',
params:{
param
}
})
// data 配置项
axios.post({
url:url1,
method:'post',
data:{
param
}
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
注意
无论使用哪种传参配置项,都是body传参,只是外层不同,使用 SpringBoot @RequestBody
后台收到如下:
{"data":{"param":{"name":"PPG","age":21,"sex":"male"}}}
//或者
{"params":{"param":{"name":"PPG","age":21,"sex":"male"}}}
1
2
3
2
3
相比非别名方法,增加了一层
# axios.delete(url[, config])
与 axios.get(url[, config])
类似。
# axios.head(url[, config])
与 axios.get(url[, config])
类似。
# axios.options(url[, config])
与 axios.get(url[, config])
类似。
# axios.put(url[, data[, config]])
与 axios.post(url[, data[, config]])
类似。
# axios.patch(url[, data[, config]])
与 axios.post(url[, data[, config]])
类似。