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'}就解决问题了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言: 在日常使用vue开发WEB项目中,经常会有提交表单的需求。我们可以使用 iview 或者 element ...
    ZhengJX阅读 13,022评论 0 6
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,003评论 1 4
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,187评论 0 1
  • 点击查看原文 Web SDK 开发手册 SDK 概述 网易云信 SDK 为 Web 应用提供一个完善的 IM 系统...
    layjoy阅读 13,983评论 0 15
  • 本文是小羊根据Vue.js文档进行解读的第一篇文章,主要内容涵盖Vue.js的基础部分的知识的,文章顺序基本按照官...
    犯迷糊的小羊阅读 7,686评论 11 135