请求体编码
默认情况下,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);
请注意,不是所有的浏览器(参见 caniuse.com)都支持URLSearchParams
,但是可以使用polyfill
(确保 polyfill 全局环境)
还可以使用qs库编码数据:
const qs = require('qs'); axios.post('/foo', qs.stringify({ 'bar': 123 }));
或者用另一种方式(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);
Node.js
Query string
在 node.js 中,可以使用querystring模块,如下所示:
const querystring = require('querystring'); axios.post('http://something.com/', querystring.stringify({ foo: 'bar' }));
或者从url模块中,使用URLSearchParams
,如下所示:
const url = require('url'); const params =new url.URLSearchParams({ foo: 'bar' }); axios.post('http://something.com/', params.toString());
您也可以使用 qs 库。
注意:如果需要对嵌套对象进行字符串化处理,则最好使用 qs 库,因为 querystring 方法在该用例中存在已知问题(https://github.com/nodejs/node-v0.x-archive/issues/1665)。
Form data
在 node.js 中,您可以使用form-data库,如下所示:
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() })
或者,使用一个拦截器:
axios.interceptors.request.use(config => { if (config.data instanceof FormData) { Object.assign(config.headers, config.data.getHeaders()); } return config; });