vue3 formdata传参 请求头怎么写
时间: 2024-11-25 19:08:39 浏览: 19
在Vue 3中,如果你需要通过`FormData`对象作为请求体发送HTTP请求,并且想设置自定义的请求头,你需要使用fetch API或者axios库。这里以axios为例:
```javascript
import axios from 'axios';
const formData = new FormData(); // 创建FormData对象
// 添加数据到FormData
formData.append('key1', 'value1');
formData.append('key2', 'value2');
// 发送POST请求,同时设置请求头
axios.post('/api/endpoint', formData, {
headers: { // 设置自定义请求头
'Content-Type': 'multipart/form-data', // FormData的默认内容类型
Authorization: 'Bearer your_token', // 示例:如果需要添加身份验证信息
CustomHeaderName: 'CustomHeaderValue' // 其他自定义头
}
})
.then(response => {
// 处理响应
})
.catch(error => {
// 错误处理
});
```
如果你使用的是fetch,则可以这样编写:
```javascript
const formData = new FormData();
formData.append(...);
fetch('/api/endpoint', {
method: 'POST',
body: formData,
headers: {
'Content-Type': 'multipart/form-data',
// ...其他同上
},
})
.then(response => response.json()) // 或者其他解析方式
.then(data => {
// 处理响应
})
.catch(error => {
// 错误处理
});
```
阅读全文