axios的几种请求接口方式

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

get：获取数据

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

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

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

delete：删除数据

 

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

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

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

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

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

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

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

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

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

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

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

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