axios post传递 表单数据和json字符串（Request Payload 和 Form Data）_js axios接口如何同时传json数据和表单字符串

表单数据：Form Data

// 引入qs
import qs from 'qs'
axios({
    method: 'POST',
    url: `xxxxxx.com`,
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
    },
    // 在请求之前对data传参进行格式转换
    transformRequest: [function(data) {
      data = qs.stringify(data)
      return data
    }],
    params: {},
    // 这里是传递的参数
    data: {
        id: id,
        num: num,
        attr: attr
    }
}).then(res => {
    resp = res.data;
}).catch(req => {
    console.log(req);
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

JSON字符串：Request Payload

axios({
    method: 'POST',
    url: `xxxxxx.com`,
    headers: {
        'Content-Type': 'application/json'
    },
    // 在请求之前对data传参进行格式转换
    transformRequest: [function(data) {
      data = JSON.stringify(data)
      return data
    }],
    params: {},
    // 这里是传递的参数
    data: {
        id: id,
        num: num,
        attr: attr
    }
}).then(res => {
    resp = res.data;
}).catch(req => {
    console.log(req);
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23