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,
  })
}
相关推荐
devincob4 小时前
js原生、vue导出、react导出、axios ( post请求方式)跨平台导出下载四种方式的demo
javascript·vue.js·react.js
木头没有瓜6 小时前
在 Windows 中清理依赖node_modules并重新安装
vue.js
不吃香菜的猪6 小时前
el-upload实现文件上传预览
前端·javascript·vue.js
dcloud_jibinbin7 小时前
【uniapp】小程序体积优化,分包异步化
前端·vue.js·webpack·性能优化·微信小程序·uni-app
qq_427506087 小时前
基于Vue 3和Element Plus实现简单的钩子函数管理各类弹窗操作
前端·javascript·vue.js
六月的可乐10 小时前
实战干货-Vue实现AI聊天助手全流程解析
前端·vue.js·ai编程
一 乐11 小时前
智慧党建|党务学习|基于SprinBoot+vue的智慧党建学习平台(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·学习
暴富的Tdy12 小时前
【基于 WangEditor v5 + Vue2 封装 CSDN 风格富文本组件】
vue.js·wangeditor·富文本
开发者小天12 小时前
React中的componentWillUnmount 使用
前端·javascript·vue.js·react.js
永远的个初学者13 小时前
图片优化 上传图片压缩 npm包支持vue(react)框架开源插件 支持在线与本地
前端·vue.js·react.js