在axios二次封装中form-data方式post请求
时间: 2023-11-26 08:38:48 浏览: 84
在axios的二次封装中,如果需要使用form-data方式进行post请求,可以使用FormData对象来构建请求体。下面是一个示例代码:
```javascript
import axios from 'axios';
// 封装axios实例
const instance = axios.create({
baseURL: 'https://api.example.com',
timeout: 5000,
});
// 封装post请求
export function postFormData(url, data) {
const formData = new FormData();
for (const key in data) {
formData.append(key, data[key]);
}
return instance.post(url, formData, {
headers: {
'Content-Type': 'multipart/form-data',
},
});
}
```
在上面的代码中,我们封装了一个名为`postFormData`的函数来发送form-data格式的post请求。该函数接收两个参数,第一个参数是请求的URL,第二个参数是请求的数据对象。函数内部先通过`FormData`对象来构建请求体,然后将其作为请求体传递给`instance.post`方法。注意,在发送form-data格式的post请求时,需要设置请求头的`Content-Type`为`multipart/form-data`。
阅读全文