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) { ................... }