Vue中使用Axios

在线示例

第一步 引入 & 挂载在Vue.prototype上

import axios from "axios";
Vue.prototype.$http = axios;

get请求

this.$http.get('xxx').then((res)=>{}).catch((err)=>{})
this.$http.get('xxx',{params:{id:123456,page:1,limit:10}})
this.$http.get('xxx',{id:123456}) // 只有params的话，不写也行

post请求

• axios默认的content-type是application/json{name:xxx,age:xxx}
• qs.stringify能够让content-type变成application/x-www-form-urlencoded即formdata
• qs.stringify作用就是帮你自动将对象用 & 符号拼接起来
• 实际上是否需要用qs去序列化参数完全取决于后端要怎么接受数据

   import Qs from 'qs'
   var data = Qs.stringify({"matterIds":"1,2,3"});
   this.$http.post(url,data, {headers:{'Content-Type':'application/x-www-form-urlencoded'}}).then((res)=>{
        console.log(res)
   })