使用axios发送请求

axios常见用法get,post,delete,update

axios的请求方式可以很好的结合restful风格
1.get 用于获取数据

axios.get(url).then(function (response) {
    vue.product=response.data
})

2.delete 删除数据

axios.delete(url).then(function (response) {
    vue.product=response.data
})

3.update更改

axios.update(url,{}).then(function (response) {
    vue.product=response.data
})

4.post发送数据

axios.post(url,{}).then(function (response) {
    vue.product=response.data
})

情景

1.参数接受问题
对于post和update，是需要涉及数据的添加修改，在后台的接收时候，要注意axios的post发送数据是在请求体当中，而后台参数的默认接收方式是
requestParam，解析url字符串。当我们使用的url是这种查询字符串形式就没问题。而对放在请求体中的数据就没办法。

这时候，要改变接收的方式@RequestBody

  @PostMapping("/info")
    private int order_info(@RequestBody  Info info){//从前台的请求体里面拿数据

2.axios上传图片
需要借助对象formDate

 //axios.js 上传文件要用 formData 这种方式
      var formData = new FormData();
       formData.append("image", this.file);
       formData.append("name", this.bean.name);
       axios.post(url,formData).then(function(response){