axios的几种请求接口方式

axios的请求方法：get、post、put、patch、delete

get：获取数据

post：提交数据（表单提交+文件上传）

put：更新数据（所有数据推送到后端）

patch：更新数据（只将更改的数据推送到后端）

delete：删除数据

 

//axios的get请求第一种写法不带参数
('/').then((res)=>{
  (res)
}),

//axios的get请求第一种写法带参数
('/',{
  params:{
    id:12
  }
}).then((res)=>{
  (res)
}),

//axios的get请求第二种写法不带参数
axios({
  method:'get',
  url:'/',
}).then(res=>{
  (res)
}),

//axios的get请求第二种写法带参数
axios({
  method:'get',
  url:'/',
  params:{
    id:12
  },
}).then(res=>{
  (res)
}),

//axios的post请求第一种写法
let data = {
  id:12
}
('/post',data).then((res)=>{
  (res)
}),

//axios的post请求第二种写法
axios({
  method:'post',
  url:'/post',
  data:data
}).then(res=>{
  (res)
}),

//form-data请求,图片上传、文件上传，文件格式为：multipart/form-data，其他请求为application/json

let formData = new formData()
for(let key in data){
  (key,data[key])
},
('/post',formData).then(res=>{
  (res)
})

//axios之put请求
('/put',data).then(res=>{
  (res)
})

//axios之patch请求
('/patch',data).then(res=>{
  (res)
}),

  //axios之delete请求的第一种写法
  ('/delete',{
    params:{
      id:12
    }
  }).then(res=>{
    (res)
  })
//说明:当使用第一种写法参数为params时，请求接口时参数是放在URL里面的。
// 例：http://localhost:8080/delete?id=12,而写成第二种方法data就不会，根据实际情况使用

//axios之delete请求的第二种写法
('/delete',{
  data:{
    id:12
  }
}).then(res=>{
  (res)
})