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));

相关推荐

  1. axios get 请求发送 FormData 数据

    2024-07-11 10:24:02       10 阅读
  2. FormData传送复杂数据

    2024-07-11 10:24:02       40 阅读
  3. EasyExcel读取数据,并发送请求

    2024-07-11 10:24:02       25 阅读
  4. Vue 接口用FormData() 提交数据

    2024-07-11 10:24:02       8 阅读
  5. 关于RestController发送请求用List<T> 接收数据

    2024-07-11 10:24:02       27 阅读
  6. Vue项目里实现json对象转formData数据

    2024-07-11 10:24:02       41 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 10:24:02       7 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 10:24:02       8 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 10:24:02       7 阅读
  4. Python语言-面向对象

    2024-07-11 10:24:02       10 阅读

热门阅读

  1. 数据库的更新方式有哪些

    2024-07-11 10:24:02       6 阅读
  2. VSCode, 请在windows下使用git bash终端

    2024-07-11 10:24:02       11 阅读
  3. R 数据重塑

    2024-07-11 10:24:02       7 阅读
  4. 3DMAX安装失败解决办法 安装失败1603

    2024-07-11 10:24:02       10 阅读
  5. 0124__Linux和Unix的Access.conf安全配置

    2024-07-11 10:24:02       6 阅读
  6. Android11 应用启动流程

    2024-07-11 10:24:02       11 阅读