axios post提交数据的三种请求方式

[ 2022-05-03 15:53:32 | 作者: admin ]

字号: 大 | 中 | 小

p.s. axios默认使用 Content-Type: application/json 传递参数，后台可以使用字符串进行接收，然后再解析。
如果需要使用普通的表单格式Content-Type: application/x-www-form-urlencoded，请求时需要使用Qs.stringify()转换格式

1、Content-Type: application/json

import axios from 'axios'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
console.log('res=>',res);
})

attachments/202205/03_155722_1283878201904161717191691830183090.png

2、Content-Type: multipart/form-data

import axios from 'axios'
let data = new FormData();
data.append('code','1234');
data.append('name','yyyy');
axios.post(`${this.$url}/test/testRequest`,data)
.then(res=>{
console.log('res=>',res);
})

attachments/202205/03_155808_1283878201904161717191691830183090.png

3、Content-Type: application/x-www-form-urlencoded

import axios from 'axios'
import qs from 'Qs'
let data = {"code":"1234","name":"yyyy"};
axios.post(`${this.$url}/test/testRequest`,qs.stringify(
data
))
.then(res=>{
console.log('res=>',res);
})