axios 解决 the request was rejected because no multipart boundary was found

最新推荐文章于 2024-07-31 14:35:30 发布
最新推荐文章于 2024-07-31 14:35:30 发布
阅读量508 收藏
点赞数
分类专栏： 前端 文章标签： 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ld12g/article/details/129655721
版权

axios 解决the request was rejected because no multipart boundary was found

问题描述：

​ 前端使用from-data上传文件时候后端报错
在这里插入图片描述

​ 发生这个错误的原因是前端在调用接口之前在headers中加了 ‘Content-Type’: ‘multipart/form-data’，但是使用工具调用接口的时候确能正常调用成功
在这里插入图片描述

问题处理：

​ 检测前端代码后发现是传参格式错误，将formData当作字符串传到了后端

在这里插入图片描述

​ 将代码调整后问题解决
在这里插入图片描述

未来可期吖o
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot接收图片报错 request is not a multipart request 和 multipart boundary was found
Jancoyan
10-19 2641
后台接收图片报错 request is not a multipart request 和 multipart boundary was found request is not a multipart request 可能是因为前端没有指定请求头 Content-Type 为 multipart/form-data ，但是这个请求头不必在headers中指定。 如果直接在headers中指定，后端会因为检测不到 multipart boundary 而报错 the request was rejected
axios-request-cache:前端数据接口缓存
04-30
npm install axios-request-cache --save 通过yarn安装： yarn add axios-request-cache 参数说明 default_options = { expire: 60000, #缓存过期时间 默认一分钟 storage: false, #是否开启本地缓存 开启后会将...
the request was rejected because no multipart boundary was found
Sun_Raiser的博客
03-13 1万+
前端完整报错如下： Could not parse multipart servlet request; nested exception is java.io.IOException: org.apache.tomcat.util.http.fileupload.FileUploadException: the request was rejected because no multipart boundary was found 前端使用React进行开发 分析： 由于后端设置的是multipart f
上传文件遇到the request was rejected because no multipart boundary was found
热门推荐
Fuly的博客
08-19 3万+
postman 这样测试是ok的, 前端的上传接口是这么写的 return axios({ url: '/upload', method: 'post', headers: {'Content-Type': 'multipart/form-data'} data: file }) 没毛病 , 就是后端报错 [http-nio-3141-exec-8] ERROR o.a.c.c.C.[.[localhost].[/].[dispat.
记录FileUploadException: the request was rejected because no multipart boundary was found
小太阳DENGJIE的博客
05-20 1279
Caused by: java.io.IOException: org.apache.tomcat.util.http.fileupload.FileUploadException: the request was rejected because no multipart boundary was found at org.apache.catalina.connector.Request.parseParts(Request.java:2915) at org.apache.catalina.con
vue中使用axios简单封装用法，axios报错the request was rejected because no multipart boundar
阿牛哥的博客
03-08 1505
vue中使用axios简单封装用法，multipart/form-data的设置影响因素
Ajax使用formdata异步上传文件，报错the request was rejected because no multipart boundary was found...
dgqvhtlwq472235338的博客
02-21 277
原文：https://www.itread01.com/content/1526126668.html 基於jQuery的Ajaxs使用FormData上傳文件要註意兩個參數的設定 processData設為false 把processData設為false，讓jquery不要對formData做處理，如果processData不設置為false，jquery會把formDa...
使用Axios异步上传文件遇到的坑
weixin_44345975的博客
03-23 3709
使用Axios异步上传文件遇到的坑，SpringBoot+Vue上传文件。 Current request is not a multipart request the request was rejected because no multipart boundary was found
org.apache.tomcat.util.http.fileupload.FileUploadException: the request was rejected because no mult
qq_41340666的博客
12-07 1万+
完整错误：Could not parse multipart servlet request; nested exception is java.io.IOException: org.apache.tomcat.util.http.fileupload.FileUploadException: the request was rejected because no multipart boundary was found 原生ajax上传文件脚本报错：org.apache.tomcat.util.htt
axios上传文件错误：Current request is not a multipart request
weixin_44528681的博客
06-30 2万+
其实整个过程我一共经历了三个报错信息，分别是 1.Current request is not a multipart request：当前请求不是multipart 请求 2.the request was rejected because no multipart boundary was found：请求被拒绝，因为未找到多部分边界 3.Required request part ‘files’ is not present我是想在vue中实现一个上传文件的功能，采用axios方式上传，数据模式采用.
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
10-14
当使用axios库进行跨域请求时，有时会发现同一个接口被请求了两次，第一次是OPTIONS方法，第二次才是实际的GET或POST请求。这是由于浏览器的同源策略和CORS（Cross-Origin Resource Sharing，跨源资源共享）机制导致...
基于小程序请求接口wx.request封装的类axios请求
10-15
为了将 `axios` 的便利性引入到小程序中，我们可以对 `wx.request` 进行封装，形成一个类axios的请求库。 首先，`wx.request` 的配置包括但不限于URL、数据、header、超时时间、HTTP方法等。封装后的类axios请求库...
use-axios-request:使用适用于axios的React Hooks轻松获取数据！
05-14
$ npm install use-axios-request 使用纱：$ yarn add use-axios-request例子执行一个GET请求import React from 'react' ;import { useAxiosRequest } from 'use-axios-request' ;const Avatar = ( { username } ) =...
前端Web-JavaScript(上)
Yu2uki的博客
07-31 939
JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript: 规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 509
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
【前端面试】九、框架
最新发布
weixin_49015558的博客
07-31 329
1 Vue2 实现方式 2 Vue3 实现方式 3 React 实现方式 4 Angular 实现方式
基于上云api前端开发经验教训(loading...)
IIIIIAN
07-26 472
对于上云api开发学习过程中的错误教训积累总结
electron 主进程和渲染进程
qq_21087199的博客
07-29 334
虽然最近一年前端大环境不好，但是大家还是要加油鸭！，努力总不会错，千军万马过独木桥，希望大家都是闯过去那一个。进入正题。
还是错误：the request was rejected because no multipart boundary was found
08-05
这个错误通常是由于请求头中缺少正确的 `Content-Type` 导致的。请确保在发送请求时，请求头中包含正确的 `Content-Type: multipart/form-data; boundary=xxxxxx`。 如果你使用的是 Axios 发送请求，可以按照以下方式设置请求头和请求体： ```javascriptconst formData = new FormData(); formData.append('file', file); // 将文件对象添加到 FormData 中axios.post('/your-api-endpoint', formData, { headers: { 'Content-Type': 'multipart/form-data; boundary=' + formData._boundary } }) ``` 确保在设置请求头时，通过 `FormData` 对象的 `_boundary` 属性获取正确的 `boundary` 值，并将其与 `Content-Type` 拼接在一起。 另外，请确保你的后端接口使用正确的方式接收文件，例如使用 `MultipartFile` 类型来接收文件： ```javaimport org.springframework.web.multipart.MultipartFile; // ... public R test4(@RequestParam("file") MultipartFile file) throws IOException { // 处理文件上传逻辑 // ... } ``` 请尝试以上方法来解决你遇到的问题。如果问题仍然存在，请提供更多的代码和错误信息，以便我能够更好地帮助你。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值