axios 参数为payload的解决方法

时间 2019-11-13

标签 axios 参数 payload 解决方法繁體版

原文原文链接

1. 添加头部headersnode

headers: {
    'Content-Type': 'application/x-www-form-urlencoded', },

axios.post(url, {a: 1, b:2}, {
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded',
  },
}).then(response => response.data)
  .then(err => {
    console.log(err);
  });

2. 在Browser环境下ios

2.1 利用qs.stringify()处理参数git

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

<script src="/your-path/qs.min.js"></script>
axios({
   url: url,
   method: 'post',
   data: Qs.stringify(params)   
})
.then(function (resp) {
//
})
.catch(function (err) {
//       
})

2.2 利用 URLSearchParams API 处理post参数github

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

查看 URLSearchParams 兼容性，还能够使用pollifyaxios

3. 在node环境下app

能够使用querystring 模块post

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

或者使用qs.stringify(),qs一样能够在node中使用ui

4. 参考下面连接
https://github.com/mzabriskie/axios/blob/master/README.md#using-applicationx-www-form-urlencoded-formaturl