遇到后端需要用 form-data 传参的接口,然后了解了其他的方式。
- 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)
|
- 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); })
|
- 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);
|