vue中upload上传excel文件报Current request is not a multipart request
时间: 2023-07-09 19:46:14 浏览: 55
这个错误通常是因为上传的请求不是一个 multipart/form-data 类型的请求造成的。您可以检查一下您的上传请求,确保它是一个正确的 multipart 请求。
如果您使用的是 vue-upload-component 这个组件,您可以尝试在组件中添加 `:multipart="true"` 属性,以确保请求为 multipart 类型。例如:
```html
<template>
<div>
<upload
ref="upload"
:action="uploadUrl"
:headers="headers"
:multipart="true"
:on-success="onUploadSuccess"
:on-error="onUploadError"
>
<button>上传文件</button>
</upload>
</div>
</template>
<script>
import Upload from 'vue-upload-component';
export default {
components: {
Upload,
},
data() {
return {
uploadUrl: '/api/upload',
headers: {
'X-CSRF-TOKEN': 'your-csrf-token',
},
};
},
methods: {
onUploadSuccess(response) {
console.log(response);
},
onUploadError(err) {
console.error(err);
},
},
};
</script>
```
如果您不是使用 vue-upload-component,那么可以检查一下您的上传请求的 headers 是否包含 `Content-Type: multipart/form-data`,如果没有,可以手动添加这个 header。