当前位置: 首页 > news >正文

axios get 请求发送 FormData 数据

axios是一个流行的基于Promise的HTTP客户端库,用于浏览器和Node.js环境中。如果你想在axios发起GET请求时发送FormData数据,通常会在`axios.get()`方法中设置`params`或`data`属性。

如果你要发送的是普通的键值对数据,可以像下面这样:

const formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');axios.get('/api/endpoint', {params: formData, // 将FormData作为查询参数传递headers: {'Content-Type': 'application/x-www-form-urlencoded'} // 设置正确的content-type
})
.then(response => console.log(response.data))
.catch(error => console.error(error));

如果你的数据是非表单结构,并且需要通过`multipart/form-data`格式发送,那么应该直接将`FormData`实例作为`data`:

axios.get('/api/endpoint', {data: formData,headers: {'Content-Type': 'multipart/form-data'}
})
.then(response => console.log(response.data))
.catch(error => console.error(error));

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • [Vite]vite-plugin-react和vite-plugin-react-swc插件原理了解
  • VBA之Word应用第二章第七节:利用自定义函数修改书签
  • 《昇思25天学习打卡营第01天|qingyun201003》
  • 1.10编程基础之简单排序--02:奇数单增序列
  • 集成测试技术栈
  • 解决Spring Boot应用中的内存优化问题
  • macos 10.15系统下载包,macOS Catalina for mac
  • 【排序 - 冒泡排序】
  • 电脑压缩视频怎么压缩,电脑压缩视频大小
  • Prometheus+Grafana主机运行数据
  • 搜维尔科技:【研究】Scalefit是一款可在工作场所自动处理3D姿势分析结果的软件
  • 【PHP小课堂】学习PHP中的字符串操作函数(二)
  • HDFS 块重构和RedundancyMonitor详解
  • ceph mgr [errno 39] RBD image has snapshots (error deleting image from trash)
  • oracle查询出表中某几个字段值不唯一的数据
  • CEF与代理
  • CSS进阶篇--用CSS开启硬件加速来提高网站性能
  • happypack两次报错的问题
  • javascript数组去重/查找/插入/删除
  • js面向对象
  • oschina
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • web标准化(下)
  • 对话:中国为什么有前途/ 写给中国的经济学
  • 小试R空间处理新库sf
  • 带你开发类似Pokemon Go的AR游戏
  • 数据可视化之下发图实践
  • ​力扣解法汇总1802. 有界数组中指定下标处的最大值
  • # 数论-逆元
  • ()、[]、{}、(())、[[]]命令替换
  • (2)空速传感器
  • (3)(3.2) MAVLink2数据包签名(安全)
  • (二)Eureka服务搭建,服务注册,服务发现
  • (附源码)spring boot网络空间安全实验教学示范中心网站 毕业设计 111454
  • (附源码)springboot家庭装修管理系统 毕业设计 613205
  • (附源码)计算机毕业设计ssm-Java网名推荐系统
  • (论文阅读22/100)Learning a Deep Compact Image Representation for Visual Tracking
  • (一)项目实践-利用Appdesigner制作目标跟踪仿真软件
  • (转载)Linux网络编程入门
  • (最简单,详细,直接上手)uniapp/vue中英文多语言切换
  • ****三次握手和四次挥手
  • .NET Core Web APi类库如何内嵌运行?
  • .net core 客户端缓存、服务器端响应缓存、服务器内存缓存
  • .net core 源码_ASP.NET Core之Identity源码学习
  • .NET MAUI学习笔记——2.构建第一个程序_初级篇
  • .NET MVC、 WebAPI、 WebService【ws】、NVVM、WCF、Remoting
  • .NET 的程序集加载上下文
  • .Net 执行Linux下多行shell命令方法
  • .NET/C# 编译期能确定的字符串会在字符串暂存池中不会被 GC 垃圾回收掉
  • .Net各种迷惑命名解释
  • .net使用excel的cells对象没有value方法——学习.net的Excel工作表问题
  • .Net通用分页类(存储过程分页版,可以选择页码的显示样式,且有中英选择)
  • @SuppressWarnings(unchecked)代码的作用
  • [@Controller]4 详解@ModelAttribute
  • [18] Opencv_CUDA应用之 基于颜色的对象检测与跟踪