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 天前
Vue2 项目中通过封装 axios 来同时连接两个不同的后端服务器
前端·vue.js·axios
打小就很皮...4 天前
React 项目开发指南:脚手架搭建、Axios 封装与 Gitee 远程仓库配置
react.js·gitee·axios
新晨4379 天前
Axios 拦截器
前端·axios
米欧15 天前
取消当前正在进行的所有接口请求
前端·javascript·axios
一雨方知深秋17 天前
AJAX学习 ---- axios体验
javascript·http·ajax·axios·url·catch·then
西洼工作室19 天前
前端接口安全与性能优化实战
前端·vue.js·安全·axios
柯腾啊20 天前
一文简单入门 Axios
前端·axios·apifox
雪域迷影24 天前
C#中通过get请求获取api.open-meteo.com网站的天气数据
开发语言·http·c#·get
Sheldon一蓑烟雨任平生25 天前
Vue 用户管理系统(路由相关练习)
vue.js·vue3·axios·json-server·vue-router·vue 路由·vue-link
apollo_qwe25 天前
封装axios实现全局loading,在一定程度上减少重复请求的发生
axios