🗒️Axios 上传文件
2023-4-7
| 2024-10-10
0  |  阅读时长 0 分钟
date
Apr 7, 2023 09:18 AM
type
status
slug
summary
tags
category
updated
Oct 10, 2024 08:04 AM
icon
password

摘要

记录一个今天遇到的问题:使用axio上传文件过程中,传入formData数据,然后提示 the request was rejected because no multipart boundary was found。首先,确定这个接口是可以使用的。

如何使用Axios上传文件

首先需要设置Axios的headers里面的Content-Typemultipart/form-data;charset=utf-8。然后就是传入的数据必须为FormData数据类型。这样完成了一个初步的上传文件设置。
如果你设置了header头部的信息,然后用了formData数据。在接口调用的时候提示了 the request was rejected because no multipart boundary was found这个错误。

原因

某些情况下,浏览器不会给你的Content-Type上加上boundary,那么就会提示这个错误。造成这个错误的原因也还有formData数据经过post之后被序列化了,所以在请求接口之前的拦截中加入如下代码
官方文档中对transformRequest的解释如下 transformRequest 允许在向服务器发送前,修改请求数据只能用在 'PUT', 'POST' 和 'PATCH' 这几个请求方法后面数组中的函数必须返回一个字符串,或 ArrayBuffer,或 Stream
 
  • Javascript
  • 网络协议
  • 三种方法解锁网易云音乐】开VIP都无法播放的灰色音乐,教你如何解锁!vue3源码学习11-h方法和createVnode方法实现
    Loading...