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，對接成功~