axios访问带数组参数的接口方法

发布时间 2023-05-26 00:31:22作者: yuanyuanyang

第一步:下载qs组件

第二步:引入qs组件

import qs from 'qs'

第三步:创建接口方法

export const addPlan = (model) => {
  return request({
    url: '/Plan/addPlan',
    method: 'POST',
    headers: 'Content-Type: application/x-www-form-urlencoded',
    data: {
      model
    },
    // 使用qs组件序列化数组参数,完成正确的参数请求(参数中有数组)
    paramsSerializer: {
      serialize: function (data) {
        return qs.stringify(data, { arrayFormat: 'repeat' })
      }
    }
  })
}

注:接口参数中model为对象,其中的carId为数组参数。