Vue:axios中POST请求传参问题---传递数组 ,补充

在上一篇文章中提到的------transformRequest方法,也会将数组解析成字符串传给后台。

那么如何避免这个问题?

(一) 将数组转化为json字符串

通过JSON.stringify()转化为json字符串,这样后台拿到后在转化为数组即可。

这种方法基本可以解决绝大部分情况。

(二) 将数组通过append添加formData中。

我们后台是python语言,采用django框架,当我通过第一种方法发送给他的时候,他会将json字符串整体添加到一个数组中,举例如下:

[1,2,3,4,5]
/*通过JSON.stringify()转化后,后台会得到一下数组*/
['[1,2,3,4,5]']

所以对接失败。

这里要说的是,python中支持一键多值的情况,即:一个key可以对应多个value,并把多个value放到一个数组中去。

var params = new URLSearchParams();
    for(var key in opt.obj){
        if(Array.isArray(opt.obj[key])){
            for (var val in opt.obj[key]) {
                params.append(key, opt.obj[key][val]);
            }
        }else{
            params.append(key,opt.obj[key])
        }
    }

利用python的这个特点。通过URLSearchParams,对接成功~