在使用vue.js联调接口时,有一个接口是form表单格式,字段是数组格式,传给后台数据如下:
后台一直报500,发现是格式传输错误,正常传给后台数据如下:
发现区别是出现了数组下标,问题定位到这,查询资料可知添加{arrayFormat: 'brackets'}就可以解决:
//非完成代码,只有添加{arrayFormat: 'brackets'}此处代码
service.interceptors.request.use(
config => {
//在data当中存在数组的话需要加上{arrayFormat: 'brackets'} 否则提交时数组 会显示下标
config.data = qs.stringify(config.data, {arrayFormat: 'brackets'})
return config
}
)
最后加入{arrayFormat: 'brackets'}就解决问题了。