好程序员Java教程分享Vue插件之Axios

//生命周期：当vue初始化的时候
created() {
  var vm = this;
  this.axios({
    method:"get",
    url:"Http://localhost:8090/product/list",

params:{
       name:this.pname
    }
  }).then(function (result) {
    console.log(result.data)
    vm.products = result.data;
  })
}

事先导入QS模块

import Qs from 'qs'

submitFORM(){
  this.axios({
    method:'POST',
    url:'http://localhost:8090/product/add',
    
    transformRequest: [function (data) {
      return Qs.stringify(data)
    }],
    
    data:{
       name:this.pname,
       price:this.pprice
    }
  }).then(function (res) {
    console.log(res.data)
  })
}

<mvc:cors>
     <mvc:mapping path="/**"
                  allowed-origins="*"
                  allowed-methods="POST, GET, OPTIONS, DELETE, PUT,PATCH"
                  allowed-headers="Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With"
                  allow-credentials="true"/>
 </mvc:cors>