Vue中axios踩坑之路-POST传参
刚开始使用Vue,里面的坑是一个接一个,今天就遇到一个axios POST传参的问题,我需要在请求中传递参数,然后按官方文档的格式开始操作,代码如下:axios.post('/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) {
·
刚开始使用Vue,里面的坑是一个接一个,今天就遇到一个axios POST传参的问题,我需要在请求中传递参数,然后按官方文档的格式开始操作,代码如下:
axios
;
注:此处是官方示例:点击打开链接
打开控制台,报400,报错信息是:传递的参数不存在,但在请求中看的到参数,只是参数的格式是Request Payload,具体也没看懂是什么,总之知道就是参数格式不对,查阅资料找到两种解决办法,代码如下:
1.
var qs = require('qs');
axios.post('/foo', qs.stringify({ 'bar': 123 }));
2.
var params = new URLSearchParams();
params.append('param1', 'value1');
params.append('param2', 'value2');
axios.post('/foo', params);
参考:https://github.com/axios/axios#using-applicationx-www-form-urlencoded-format
经测试,这两种办法都可以
这个问题刚解决,后台就抛给我一个问题,我的参数里面要传数组呢,我以为直接按上面的做法就能一马平川了,然而现实是残酷的,崩盘!查看官方文档发现,其实这个的解决也是非常的简单,只需要在qs的方法中设置它的indices为false即可,如:
qs;
更多qs功能参考:https://www.npmjs.com/package/qs
完美解决,阿弥陀佛!
更多推荐
已为社区贡献2条内容
所有评论(0)