vue文件上传通过路由报错the request was rejected because no multipart boundary was found
时间: 2023-07-01 15:14:35 浏览: 130
vue路由文件
这个错误通常是因为在上传文件时没有正确设置请求头部的 Content-Type,导致服务器无法识别上传的数据类型。在使用路由上传文件时,可以在请求头部设置 Content-Type 为 multipart/form-data,并设置 boundary 参数,boundary 参数可以随意设置,但需要保证在请求体中没有出现过。
示例代码:
```
let formData = new FormData();
formData.append('file', file);
axios.post('/upload', formData, {
headers: {
'Content-Type': 'multipart/form-data; boundary=' + new Date().getTime()
}
}).then(res => {
console.log(res);
}).catch(err => {
console.log(err);
});
```
在以上代码中,我们使用了 axios 库来发送 POST 请求,请求体中使用 FormData 对象来封装要上传的文件。在请求头部设置了 Content-Type 为 multipart/form-data,并设置了 boundary 参数,boundary 参数通过获取当前时间戳来保证唯一性。
阅读全文