axios header form-data
时间: 2023-08-04 08:01:27 浏览: 180
使用axios请求时,发送formData请求的示例
5星 · 资源好评率100%
axios是一款基于Promise的HTTP客户端工具,用于发送AJAX请求。在使用axios发送请求时,可以设置请求头(header)和请求体数据。
对于form-data格式的请求体数据,可以通过使用FormData对象来实现。在axios中,可以通过设置请求头中的"Content-Type"字段为"multipart/form-data",来指定请求体数据格式为form-data。
具体使用方法如下:
1. 引入axios库:
```javascript
import axios from 'axios';
```
2. 创建FormData对象,并添加要发送的数据:
```javascript
const formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');
```
3. 设置请求头中的"Content-Type"字段为"multipart/form-data":
```javascript
const config = {
headers: {
'Content-Type': 'multipart/form-data'
}
};
```
4. 发送请求:
```javascript
axios.post('/api', formData, config)
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
```
以上是使用axios发送带有form-data格式的请求的步骤。通过设置请求头中的"Content-Type"字段为"multipart/form-data",并使用FormData对象来添加要发送的数据,可以实现发送带有form-data格式的请求。
阅读全文