axios get 请求发送 FormData 数据

password-u2024-07-11 16:55

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