有时候在前后端联调接口时，后端会要求传递入参为formData格式如下图
在联调form表单数据时，如何传递参数为formData格式
入参要求是传递fromData格式 + 当前时间戳，具体实现如下

  1. 首先先模拟一个普通接口
const getGroupData = (data) => {
  return request({
    url: 'rest/report/queryBatchCollateFund.do',
    method: 'POST',
    data: data
  })
}
  1. 使用formData传参格式时需添加请求头，添加后如下，如需加上时间戳在配置params即可
const getGroupData = (data) => {
  return request({
    url: 'rest/report/queryBatchCollateFund.do',
    method: 'POST',
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    },
    params: { _v: new Date().getTime() },
    data: data
  })
}
  1. 因使用了application/x-www-form-urlencoded编码格式，所以在入参时需将键值对的参数用&连接起来，这边可以使用qs序列化处理入参
安装依赖
yarn add qs 

挂载到原型
Vue.prototype.$qs = qs

在入参时使用this调用，转化对象结构为key=value&key=value
_API.getGroupData(this.$qs.stringify(obj)).then((res) => {
   console.log(res)
   // ...todo
})

欢迎大家评论，如有帮助可以关注+收藏，我会经常更新博客，大家一起讨论学习

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。