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,
  })
}
相关推荐
计算机学姐1 小时前
基于python+django+vue的家居全屋定制系统
开发语言·vue.js·后端·python·django·numpy·web3.py
Ripple1111 小时前
Vue源码速读 | 第二章:深入理解Vue虚拟DOM:从vnode创建到渲染
vue.js
秋沐1 小时前
vue中的slot插槽,彻底搞懂及使用
前端·javascript·vue.js
QGC二次开发1 小时前
Vue3 : Pinia的性质与作用
前端·javascript·vue.js·typescript·前端框架·vue
想退休的搬砖人3 小时前
vue选项式写法项目案例(购物车)
前端·javascript·vue.js
啥子花道3 小时前
Vue3.4 中 v-model 双向数据绑定新玩法详解
前端·javascript·vue.js
清灵xmf3 小时前
揭开 Vue 3 中大量使用 ref 的隐藏危机
前端·javascript·vue.js·ref
学习路上的小刘4 小时前
vue h5 蓝牙连接 webBluetooth API
前端·javascript·vue.js
&白帝&4 小时前
vue3常用的组件间通信
前端·javascript·vue.js
冯宝宝^5 小时前
基于mongodb+flask(Python)+vue的实验室器材管理系统
vue.js·python·flask