vue.js踩坑之网络请求提交数组时出现数组下标的问题

在使用vue.js联调接口时，有一个接口是form表单格式，字段是数组格式，传给后台数据如下：

错误数据.png

后台一直报500，发现是格式传输错误，正常传给后台数据如下：

正确数据.png

发现区别是出现了数组下标，问题定位到这，查询资料可知添加{arrayFormat: 'brackets'}就可以解决：

//非完成代码，只有添加{arrayFormat: 'brackets'}此处代码
service.interceptors.request.use(
  config => {
 //在data当中存在数组的话需要加上{arrayFormat: 'brackets'} 否则提交时数组 会显示下标
   config.data = qs.stringify(config.data, {arrayFormat: 'brackets'}）
    return config
  }
)

最后加入{arrayFormat: 'brackets'}就解决问题了。