在联调联试中检验主题教育（在联调form表单数据时，如何传递参数为formData格式）

有时候在前后端联调接口时  
  
  
  
  
  ，后端会要求传递入参为formData格式如下图

入参要求是传递fromData格式 + 当前时间戳 
  
  
  
  
  
 ，具体实现如下 首先先模拟一个普通接口 const getGroupData = (data) => { return request({ url: rest/report/queryBatchCollateFund.do, method: POST, data: data }) } 使用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 }) } 因使用了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 })

欢迎大家评论            ，如有帮助可以关注+收藏
 

 
 

 
 

 
 

 
 

 
 

，我会经常更新博客










，大家一起讨论学习