请求体和 query 都传递参数时，二次封装 POST 接口

场景

遇到一个 POST 接口，请求体 body 和 拼接在 url 上的 query 都需要传参。

接口文档：

• 参数：version，格式 string, 形式 query
• 请求体：file，格式 string($binary)，形式 multipart/form-data
• 响应：状态码 200

接口测试：

有效的解决办法

• 方法一： POST 请求也有 params 参数

import request from "@/utils/request"

export const uploadApp = (data, version) => {
 return request({
   method: "post",
   url: "/AppVersionUpdate/upload",
   data,
   params: version,
   // 去掉 在 request.js 中默认添加的 TOKEN，因为此接口不需要 TOKEN
   headers: {
     isToken: false
   }
 })
}

• 方法二：拼接 query 参数到 url 上 （不推荐：会导致 url 过长，数据可能会丢失）

import request from "@/utils/request"

export const uploadApp = (data, version) => {
return request({
  method: "post",
  url: "/AppVersionUpdate/upload?version="   version,
  data,
  // 去掉 在 request.js 中默认添加的 TOKEN，因为此接口不需要 TOKEN
  headers: {
    isToken: false
  }
})
}

疑惑

尝试了一下：不写 params，直接写 参数 version 也是可以的。这是为什么呢？如果有知道的小伙伴，请在评论区告诉我~

import request from "@/utils/request"

export const uploadApp = (data, version) => {
 return request({
   method: "post",
   url: "/AppVersionUpdate/upload",
   data,
   version,
   // 去掉 在 request.js 中默认添加的 TOKEN，因为此接口不需要 TOKEN
   headers: {
     isToken: false
   }
 })
}

参考

参考文章

这篇好文章是转载于：学新通技术网