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

get：获取数据

//方式1
axios.get('/data.json',{
  params: {
    id: 12
  }
}).then((res)=>{
  console.log(res)
})

//方式2
axios({
  method: 'get',
  url: '/data.json',
  params: {
    id: 12
  }
}).then(res=>{
  console.log(res)
})

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

application/json方式提交

//方式1
let data = {id:12}
axios.post('/post',data).then((res)=>{
  console.log(res)
})
//方式2
axios({
  method: 'post',
  url: '/post',
  data: data
}).then(res=>{
  console.log(res)
})

form-data表单提交 图片上传，文件上传

//方式1
let formData = new FormData()
for(let key in data) {
  formData.append(key,data[key])
}
axios.post('/post',formData).then((res)=>{
  console.log(res)
})
//方式2
axios({
  method: 'post',
  url: '/post',
  data: formData
}).then(res=>{
  console.log(res)
})

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

//方式1
axios.put('/put',data).then((res)=>{
  console.log(res)
})
//方式2
axios({
  method: 'put',
  url: '/put',
  data: data
}).then(res=>{
  console.log(res)
})

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

//方式1
axios.patch('/patch',data).then((res)=>{
  console.log(res)
})
//方式2
axios({
  method: 'patch',
  url: '/patch',
  data: data
}).then(res=>{
  console.log(res)
})

delete：删除数据

//方式1 Query String Parameters
axios.delete('/delete',{
  params: {
    id: 12
  }
}).then((res)=>{
  console.log(res)
})
//方式2 Request Payload 该方法在0.20.0版有问题，可查看另一博文，查看文章底部
axios.delete('/delete',{
  data: {
    id: 12
  }
}).then((res)=>{
  console.log(res)
})
//方式3 同方式1
axios({
  method: 'delete',
  url: '/delete',
  params: data
}).then(res=>{
  console.log(res)
})
//方式4 同方式2 方式2有问题方式4仍可用
axios({
  method: 'delete',
  url: '/delete',
  data: data
}).then(res=>{
  console.log(res)
})

查看：解决axios @0.20.0版本delete方法遇到的问题