axios的各種傳參方式
1、 params方式
axios({
url: '/users',
method: 'get',
params: {
id: '11111',
name: '22222'
}
})
請求地址：/users?id=11111&name=22222
請求體：無
注：get請求是沒有請求體的，所以get請求只能使用params傳參。
2、 data方式
（1）application/x-www-form-urlencoded（表單方式）
axios({
url: '/users',
method: 'post',
data: qs.stringify({
id: '11111',
name: '22222'
})
})
請求地址：/users
請求體：id=11111&name=22222
（2）application/json（JSON方式）
axios({
url: '/users',
method: 'post',
data: {
id: '11111',
name: '22222'
}
})
請求地址：/users
請求體：{"id":"11111","name":"22222"}
（3）multipart/form-data（文件方式）
const formData = new FormData()
formData.append('id', '11111')
formData.append('name', '22222')
formData.append('file', 此處是<input type='file'>的value)
axios({
url: '/users/upload',
method: 'post',
headers: { 'Content-Type': 'multipart/form-data' },
data: formData
})
請求地址：/users
請求體：
-----------------------------2024497587069
Content-Disposition: form-data; name="id"
11111
-----------------------------2024497587069
Content-Disposition: form-data; name="name"
22222
-----------------------------2024497587069
Content-Disposition: form-data; name="file"; filename="2019å¹´å端èµæºä¼°ç®.xls"
Content-Type: application/vnd.ms-excel
ÐÏࡱá