axios get 请求发送 FormData 数据

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

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

javascript 复制代码
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`:

javascript 复制代码
axios.get('/api/endpoint', {
  data: formData,
  headers: {'Content-Type': 'multipart/form-data'}
})
.then(response => console.log(response.data))
.catch(error => console.error(error));
相关推荐
触底反弹1 天前
🔐 前端鉴权不再难!手把手带你搞懂 JWT + Zustand + Axios 的完整登录方案
前端·axios
BreezeJiang1 天前
JWT 登录不是存个 token:React 鉴权真正要闭合的是一条数据流
javascript·react.js·axios
禁止摆烂_才浅2 天前
Axios 高频面试题
前端·面试·axios
弹简特15 天前
【Vue3速成】07-vue3异步请求之Axios-01
vue·axios
古韵16 天前
axios 已经跑得好好的,还要不要上 alova?
前端·javascript·axios
目送卷王离开18 天前
前端接 LLM 流式输出:EventSource、axios、fetch 怎么选
axios
shawxlee24 天前
vue3+axios挑战最简洁实用的配置封装+接口调用:请求拦截器、响应拦截器、通用请求方法(单个请求/并发请求/下载文件)、统一接口管理
前端·经验分享·vue·接口·axios·api
mqcode2 个月前
你项目里的 axios,封对了吗?从裸用到生产级的四步进化
vue.js·axios
海市公约3 个月前
Axios网络请求库核心特性与拦截器封装实践
axios·前端开发·promise·拦截器·网络封装
xChive3 个月前
前端请求取消:用 AbortController 从 fetch 到 axios
前端·vue.js·axios·fetch·abortcontroller