0%

axios 传参方式

遇到后端需要用 form-data 传参的接口,然后了解了其他的方式。

  1. Content-Type: multipart/form-data
1
2
3
4
let params = new FormData;
params.append("oldPassword", this.ruleForm.oldPassword);
params.append("newPassword", this.ruleForm.newPassword);
this.$axios.post("/xxx/modify_password", params)
  1. Content-Type: application/json
1
2
3
4
5
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
console.log('res=>',res);
})
  1. Content-Type: application/x-www-form-urlencoded
1
2
3
4
5
6
7
8
9
10
11
12
13
14
//需要引入qs
axios.post(`${this.$url}/test/testRequest`,qs.stringify({ 'bar': 123 }))
.then(res=>{
console.log('res=>',res);
})
//或者
const data = { 'bar': 123 };
const options = {
method: 'POST',
headers: { 'content-type': 'application/x-www-form-urlencoded' },
data: qs.stringify(data),
url,
};
axios(options);