本文详细介绍了Axios的请求方法，包括get、post、put、patch、delete的使用，以及并发请求、创建axios实例、配置参数和拦截器的设置。此外，还探讨了Axios的封装方法，包括contactApi.js、http.js和main.js的实现，并通过Home.vue展示了get请求的调用。
Axios学习和封装
一、axios的请求方法：get、post、put、patch、delete
get: 获取数据
post： 提交数据
put: 更新数据（表单提交 + 文件上传）
patch: 更新数据（只将修改的数据推送到后端）
delete: 删除数据
1、get方式
axios.get('url', {params: {id: 12}}).then(res => {
console.log(res)
})
axios({
method: 'get',
url: 'url',
params: {
id: 12
}
})
2、post方式(application/json方式、form-data方式【表单提交和文件、图片上传】)，同样put、patch提交也具有application/json方式、form-data方式
（1）application/json方式
let data = {
id: 12
}
axios.post('url', data).then(res => {
console.log(res)
})
axios({
method: 'post',
url: 'url',
data: data
}).then(res => {
console.log(res)
})
(2) form-data请求
let data = {
id: 12
}
let formdata = new FormData()
for(let key in data) {
formdata.append(key, data[key])
}
axios.post('url', fromdata).then(res => {
console.log(res)
})
3、put请求
let data = {
id: 12
}
axios.put('url', data).then(res => {
最低0.47元/天 解锁文章
3403
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
