vue的post传参问题（）

刚开始使用Vue，里面的坑是一个接一个，今天就遇到一个axios POST传参的问题，我需要在请求中传递参数，然后按官方文档的格式开始操作，代码如下：

axios.post(’/user’, {
firstName: ‘Fred’,
lastName: ‘Flintstone’
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
注：此处是官方示例：https://www.npmjs.com/package/axios
打开控制台，报400，报错信息是：传递的参数不存在，但在请求中看的到参数，只是参数的格式是Request Payload，具体也没看懂是什么，总之知道就是参数格式不对，查阅资料找到两种解决办法，代码如下：

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.stringify({ a: [‘b’, ‘c’, ‘d’] }, { indices: false });

更多qs功能参考：https://www.npmjs.com/package/qs

作者：call_me_fly
来源：CSDN
原文：https://blog.csdn.net/call_me_fly/article/details/79012581?utm_source=copy
版权声明：本文为博主原创文章，转载请附上博文链接！