vue axios 传参要求a=1&b=2&c=3

第一种方法

var params = new URLSearchParams();
params.append('a', 1);
params.append('b', 2);
params.append('c', 3);

this.$axios.post(url,params,{
  headers: {
   'Content-Type': 'application/x-www-form-urlencoded'
  }
})
.then(res => {
  console.log(res)
}
.catch(error => {
  console.log(error)
})

第二种方法

通过下载安装qs来解决

nnpm install --save axios vue-axios qs

在请求的页面引入qs

import qs from 'qs'

请求代码

this.biography={'a':1,'b':2,'c':3}
var obj=qs.stringify(this.biography)
axios.post(url,obj,
  headers:{
    "Content-Type": "application/x-www-form-urlencoded;charset=utf-8",
  }
})
.then(res=>{
  console.log(res)
}
.catch(error => {
  console.log(error)
})

你可能感兴趣的:(vue axios 传参要求a=1&b=2&c=3)