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

第一步：下载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为数组参数。

补充1：请求方法为GET的为如下写法

export const getCourseFeeList = (arrDate, userGroupId) => {
  return request({
    method: 'GET',
    url: '/CourseFee/getCourseFeeList',
    params: {
      arrDate,
      userGroupId
    },
    // 使用qs组件序列化数组参数，完成正确的参数请求(参数中有数组)
    paramsSerializer: {
      serialize: function (params) {
        return qs.stringify(params, { arrayFormat: 'repeat' })
      }
    }
  })
}

同时对应webapi接口的参数写法为

 public Object getCourseFeeList([FromQuery] string[] arrDate, int userGroupId)
 {
...................
}