小程序與VUE請求后台接口，傳數組

小程序中傳遞數組的方式如下，request說明官方文檔

// 需要對最終傳遞的數據進行JSON.stringify()
wx.request({
    url: 'https://xxxx.com.cn/xxxx', // 后台接口地址
    method: 'post',
    header: {
        'content-type': 'application/json' // 默認值
    },
    data: JSON.stringify({
        id: 100,
        list: [1, 2, 3, 4],
        list1: [
            {
                id: 10,
                text: '不應該'
            },
            {
                id: 20,
                tetx: '不可能啊'
            }
        ]
    })
    success: res => {
        console.log('成功', res)
    }
25 })

 

VUE中傳遞數組，需要使用node,js的Qs(介紹及安裝)模塊對請求參數進行序列化就可以了，如下：

// common.js公共的api文件
import request from '@/utils/request'
import Qs from 'qs' // 我這里是局部引入，全局引入需要在main.js引入

// 多文件刪除 data:[]
export function filesDelete(data) {
  return request({
    url: '/api/backstage/upload/deleteMoreFile',
    method: 'post',
    data: Qs.stringify(data, { indices: false }) // 對參數序列化
  })
}