请求体编码

默认情况下,axios 将 JavaScript 对象序列化为 JSON 。 要以 application/x-www-form-urlencoded 格式发送数据,您可以使用以下选项之一。

浏览器

在浏览器中,可以使用 URLSearchParams API,如下所示:

const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);
1
2
3
4

请注意,不是所有的浏览器(参见 caniuse.comopen in new window)都支持 URLSearchParams ,但是可以使用 polyfillopen in new window (确保 polyfill 全局环境)

或者, 您可以使用 qsopen in new window 库编码数据:

const qs = require('qs');
axios.post('/foo', qs.stringify({ bar: 123 }));
1
2

或者用另一种方式 (ES6),

import qs from 'qs';
const data = { bar: 123 };
const options = {
  method: 'POST',
  headers: { 'content-type': 'application/x-www-form-urlencoded' },
  data: qs.stringify(data),
  url,
};
axios(options);
1
2
3
4
5
6
7
8
9

Node.js

Query string

在 node.js 中, 可以使用 querystringopen in new window 模块,如下所示:

const querystring = require('querystring');
axios.post('http://something.com/', querystring.stringify({ foo: 'bar' }));
1
2

或者从 url moduleopen in new window 中使用 URLSearchParamsopen in new window ,如下所示:

const url = require('url');
const params = new url.URLSearchParams({ foo: 'bar' });
axios.post('http://something.com/', params.toString());
1
2
3

您也可以使用 qsopen in new window 库。

注意 如果需要对嵌套对象进行字符串化处理,则最好使用 qs 库,因为 querystring 方法在该用例中存在已知问题(https://github.com/nodejs/node-v0.x-archive/issues/1665open in new window)。

Form data

在 node.js, 您可以使用 form-dataopen in new window 库,如下所示:

const FormData = require('form-data');

const form = new FormData();
form.append('my_field', 'my value');
form.append('my_buffer', new Buffer(10));
form.append('my_file', fs.createReadStream('/foo/bar.jpg'));

axios.post('https://example.com', form, { headers: form.getHeaders() });
1
2
3
4
5
6
7
8

或者, 使用一个拦截器:

axios.interceptors.request.use(config => {
  if (config.data instanceof FormData) {
    Object.assign(config.headers, config.data.getHeaders());
  }
  return config;
});
1
2
3
4
5
6
Last Updated: 11/18/2021, 5:55:33 PM