Corpo de codificação de URL
Por padrão o axios serializa os objetos do JavaScript para JSON
. Para enviar os dados no formato application/x-www-form-urlencoded
, você pode usar uma das seguintes opções.
Navegador
Em um navegador, você pode usar a API URLSearchParams
da seguinte forma:
const params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);
Note que
URLSearchParams
não é suportado por todos os navegadores (veja caniuse.com), mas existe um polyfill disponível (certifique-se de preencher o polyfill do ambiente global)
Outra alternativa é utilizar a biblioteca qs
:
const qs = require('qs');
axios.post('/foo', qs.stringify({ 'bar': 123 }));
Ou de outra forma (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
No node.js, você pode usar o modulo querystring
da seguinte forma:
const querystring = require('querystring');
axios.post('http://something.com/', querystring.stringify({ foo: 'bar' }));
ou 'URLSearchParams' do 'url module' assim:
const url = require('url');
const params = new url.URLSearchParams({ foo: 'bar' });
axios.post('http://something.com/', params.toString());
Você também pode utilizar a biblioteca qs
NOTE
A biblioteca qs
é preferível se você precisar restringir objetos aninhados, pois o método querystring
tem problemas conhecidos como este caso de uso (https://github.com/nodejs/node-v0.x-archive/issues/1665)
Form data
No node.js, você pode usar a biblioteca form-data
da seguinte forma:
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() })
Alternativamente, use um interceptador:
axios.interceptors.request.use(config => {
if (config.data instanceof FormData) {
Object.assign(config.headers, config.data.getHeaders());
}
return config;
});