axios post请求
axios post请求
post form-data请求
post请求
用 applicition/json格式携带数据
用form-data格式 (常用来表单提交 图片上传,文件上传)
put和patch请求,是和post的请求方式是一样的,请求数据格式也是两种
delete请求
参数只有两个
并发请求
axios.all()中接收一个数组,数组中可以发送多个请求,axios.spread()中是回调函数,用来接收返回值
创建axios实例
当我们请求的端口号不同,超时时间不同,可以创建axios实例,为其单独配置相关数据
拦截器
在请求或响应被处理前拦截
请求拦截器
响应拦截器
post 两种提交 form-data 和 applicition/json
form-data提交,先建立个FormData对象
form-data请求(图片上传,文件上传)
application/json请求
axios请求方法和别名(post请求和put请求)
post请求传参的数据格式:
1、form-data(表单提交,文件上传、图片上传)
2、application/json
appcalition/json样例,如图
formdata样例,如图
put请求和patch请求和post请求类似都有form-data和application/json这两种数据内容类型。
post方法
form-data 表单提交(图片上传,文件上传)
let data ={
id:12
}
axios.post('/post',data).then(res=>{console.log(res)}//axios.post('/post',{})
方法二
axios({
method:‘post’,
url:'/post',
data:data}).then(res=>{
console.log(res)})
post
form-data 表单提交(图片上传,文件上传)
application/json
let data={id:12};
//post请求
axios.post('/post',data).then
(
res=>{console.log(res)
});
axios({
methods:'post',
url:'/post',
data:data
}).then(res=>{
console.log(res);
})
//form-data请求
let formData=new FormData();
for(let key in data) {
formData.append(key,data[key]);
}
axios.post('/post',formData).then
(res=>{
console.log(res)
})
//put请求
axios.put('/put',data).then(res=>{
console.log(res)
})
//patch请求
axios.patch('/patch',data).then
(res=>{
console.log(res)
})
formData请求
axios下formData请求
//post的2种方法 以及 2种提交方式
// 一、form-data 表单提交 (图片上传,文件上传)
// 二、applicition/json
let data = { id:12 }
axios.post('/post',data).then(res=>{
console.log(res)
})
let formData = new FormData()
for (const key in data) {
formData.append(key,data[key]);
}
axios({
method:"post",
url:"/post",
data:formData
}).then(res=>{
console.log(res)
})
let formData = new FormData();
for(let key in data){
formData.append(key,value);
}
//表单提交
axios.post("/post",formData).then(res=>{
console.log(res);
})
axios.post() 三个参数,分别是,url路径,请求的数据data,config
data有两种:
form-data 表单提交(图片、文件上传)
application/json