vue怎么修改后端报错Current request is not a multipart request

在Vue中修改后端报错"Current request is not a multipart request"，可以通过以下几个步骤来解决：

1. 在前端代码中，使用FormData对象创建一个Content-Type为multipart/form-data的表单容器对象，并将需要上传的文件和其他参数添加到该表单容器中。

2. 在自定义请求中，将创建的FormData对象作为参数传递给后端接口。

3. 在提交表单时，使用this.$refs.upload.submit()方法将表单提交到后端。

4. 如果以上方法无法解决问题，可以尝试在后端代码中添加@RequestPart注解，以支持multipart/form-data类型的请求。

相关问题

vue Current request is not a multipart request

在Vue中，当出现"Current request is not a multipart request"错误时，通常是因为前端上传文件时没有正确设置请求的Content-Type为"multipart/form-data"。引用中提到了两种方式来解决这个问题。

第一种方式是使用自定义请求，在上传文件时创建一个FormData对象，并将需要传递给后端的数据添加到这个对象中，然后使用自定义请求方式将FormData对象发送到后端。这样可以避免出现"Current request is not a multipart request"错误。

另一种方式是直接在前端使用表单提交文件至服务器。在表单中设置enctype属性为"multipart/form-data"，然后根据表单的id获取到表单对象，并将其提交到后端。这样也可以确保请求的Content-Type正确设置为"multipart/form-data"，从而避免出现错误。

另外，需要注意的是，在后端的配置文件中，需要设置servlet.multipart.enabled为true，以及设置max-file-size和max-request-size来限制上传文件的大小。引用中给出了一个示例配置。

综上所述，要解决"Current request is not a multipart request"错误，可以通过使用自定义请求或直接使用表单提交文件，并且确保后端的配置文件中也进行了相应的设置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [SpringBoot+Vue文件上传报错Current request is not a multipart request](https://blog.csdn.net/weixin_44406041/article/details/126393736)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

使用VUE Current request is not a multipart request

根据引用[1]中的报错信息"Current request is not a multipart request"，这个错误通常是由于请求不是multipart请求引起的。根据引用[2]中提到的解决方式，您可以尝试删除请求的Content-Type头部，这样浏览器会自动处理表单请求，并将其设置为multipart/form-data类型。这样可以确保请求被正确处理并支持文件上传。另外，根据引用[3]中提到的方法，您还可以在表单的form标签内添加enctype="multipart/form-data"属性，以确保表单使用正确的编码格式来传递文件数据。这些方法都可以帮助您解决"Current request is not a multipart request"的问题。