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方法遇到的问题