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));
相关推荐
Kier16 天前
🚀 前端实战:优雅地实现一个通用Blob文件下载方法
前端·javascript·axios
浮江雾18 天前
SSRF4 SSRF-gopher 协议扩展利用-向内网发起 GET/POST 请求
安全·web安全·网络安全·get·post·ssrf·gopher
小钻风336624 天前
深入浅出掌握 Axios(持续更新)
前端·javascript·axios
香蕉可乐荷包蛋1 个月前
vue对axios的封装和使用
前端·javascript·vue.js·axios
每一步都算数1 个月前
Axios 取消请求的演进:CancelToken vs. AbortController
axios
blues_C1 个月前
九、【前后端联调篇】Vue3 + Axios 异步通信实战
vue.js·后端·django·axios·drf·测试平台
FungLeo1 个月前
Axios 如何通过配置实现通过接口请求下载文件
axios·接口下载文件·接口download
淡笑沐白2 个月前
Axios全解析:从基础到高级实战技巧
axios
前端OnTheRun2 个月前
新闻客户端案例的实现,使用axios获取数据并渲染页面,路由传参(查询参数,动态路由),使用keep-alive实现组件缓存
vue.js·axios·vue2·路由·vue-router
时迁2472 个月前
【计算机网络】面试常考——GET 和 POST 的区别
计算机网络·http·get·post