axios post 请求发送url 键值对参数

后端post 请求要求在 url 上携带参数,各种百度,最后发现了一种可行的方式,用formData对象构造请求参数,然后用URLSearchParams 把formdata 参数转换成键值对,最后发送

复制代码
function getList() {

  const formdata = new FormData()
  formdata.append("pageNum", queryParams.value.pageNum);
  formdata.append("pageSize", queryParams.value.pageSize);

  const params = new URLSearchParams(formdata)

  jfList(params).then(res => {
    tableData.value = res.data.list
    total.value = res.data.total
  })
}




/接口请求发送方式

export function jfList(query) {
  return request({
    url: '/charge/payment/list',
    method: 'post',
    params: query,
  })
}
相关推荐
Howrun7774 小时前
VSCode烦人的远程交互UI讲解
ide·vue.js·vscode
小迷糊的学习记录6 小时前
Vuex 与 pinia
前端·javascript·vue.js
利刃大大7 小时前
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu
前端·javascript·vue.js·element-plus
小毛驴8508 小时前
Vue 路由示例
前端·javascript·vue.js
奔跑路上的Me10 小时前
axios 请求头封装过程遵循「最小可用 → 逐步增强」
axios
TT哇10 小时前
【实习 】银行经理端两个核心功能的开发与修复(银行经理绑定逻辑修复和线下领取扫码功能开发)
java·vue.js
星光不问赶路人11 小时前
vue3使用jsx语法详解
前端·vue.js
weixin79893765432...12 小时前
Vue 组件的更新过程(编译系统 + 响应式系统 + 虚拟 DOM & Diff)
vue.js
我是伪码农13 小时前
Vue 智慧商城项目
前端·javascript·vue.js
小书包酱14 小时前
在 VS Code中,vue2-vuex 使用终于有体验感增强的插件了。
vue.js·vuex