vue上传文件formData入参为空，接口请求500

long long long time no see，最近遇到个奇葩的问题来记录下，不知道有没有小伙伴和我一样崩溃过。写了三年代码，上传这么简单的功能。第一次遇到前端入参fromData请求接口报500的问题，百度了好多资料尝试也没有解决。后台一直说我前端的问题，于是debugger一步一步查。下面来看看报错代码的流程，用你们的丰富经验和火眼金睛帮忙看下到底错在哪里了？！本项目用的是vue-cli3脚手架搭建，vue-admin-template后台框架开发。

1.首先封装axios请求，如下图所示：

2.vue文件点击上传按钮，获取的file文件赋值给this.file...如下所示：

红框内容是formData的值，console.log(formData.get("file"))

debugger后的axios请求如下：

此时的formData为空对象。

network请求接口没有formData入参，不知道具体是什么原因。。。

请求头以及请求参数和后台沟通了也是一致的。。所以这种情况一直报500无法接收到前端参数，你们知道什么问题吗？？

next，换了一种请求方式，用的axios原生请求格式写了一版，终于看到久违的200 ==...

接下来贴出解决的方案：

方方的，这样就解决了上传接口的问题。如果帮助到你们也是很开心的，当然也希望路过的大神们看到我的问题，欢迎留言哈~

stay hungry，stay fooish！

vue上传文件formData入参为空，接口请求500相关推荐

Vue上传文件 iview Upload UI 组件上传组件
Vue上传文件 input支持上传文件定义type类型,隐藏样式第三定义change事件拿到file 的相关信息,accept限制支持的文件类型然后给button增加点击事件 template部 ...
vue 上传文件和下载文件
Vue上传文件,不必使用什么element 的uplaod, 也不用什么npm上找的个人写的包,就用原生的Vue加axios就行了, 废话不多说,直接上代码: html: <input type ...
vue 上传文件和下载文件
vue 上传文件和下载文件 1. 上传文件 2. 下载文件 1. 上传文件上传文件我所使用的组件是element ui 的 el-upload,我一共进行了如下两步,第一步:修改样式,因为el-up ...
Vue上传文件操作（没有CV,认真看）
项目场景: 通过vue上传文件基本操作问题描述: 使用html上传文件时,很容易理解,那么vue文件上传呢?我们学了vue不可能还往里面写原生html的内容吧! 先放代码再解释: <templ ...
通过运营界面上传图片失败，浏览器提示上传文件时发生HTTP错误（错误代码：500）
通过运营界面上传图片失败,浏览器提示上传文件时发生HTTP错误(错误代码:500) ERROR exception 135 Internal Server Error: /ckeditor/uploa ...
PHP curl模拟表单上传文件微信公众号素材管理接口crul文件上传核心源码
PHP curl模拟表单上传文件微信公众号素材管理接口crul文件上传核心源码 /*** curl 上传文件* @param $url* @param $filePath* @param stri ...
vue上传文件到php,vue+axios+php如何实现上传文件功能？,formdata上传文件附加参数...
vue+axios+php如何实现上传文件功能?Vue Axios PHP如何实现上传文件的功能?, 推荐:<PHP视频教程> 当我们提交表单时,我们经常会遇到一些表单提交要求.vue的a ...
Vue上传文件遇到的问题
问题之前项目中前端使用了vue-cli,引入了上传组件,所以在上传文件时很容易,没有考虑太多问题. image-cropper组件中有url属性,直接使用:url="文件服务器地址&qu ...
vue前端实现上传文件,vue 上传文件
以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载. 准备文件上传的API #region 文件上传 ...

vue上传文件formData入参为空，接口请求500

vue上传文件formData入参为空，接口请求500相关推荐

最新文章

热门文章