vue上传文件formData入参为空,接口请求500的解决
更新时间：2022年06月02日 09:00:50 作者：静静心中的梦_66
这篇文章主要介绍了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 ==...
接下来贴出解决的方案
方方的，这样就解决了上传接口的问题。如果帮助到你们也是很开心的，以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vue.js中使用components组件的实例讲解，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
在构建基于Vue.js的单页面应用（SPA）时,Vue Router是一个不可或缺的工具,本文将详细介绍动态路由的概念与作用及其在Vue Router中的具体实现,需要的可以参考下2024-11-11
本篇文章主要介绍了详解在Vue中有条件地使用CSS类，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
ant design vue 清空upload组件图片缓存的问题
这篇文章主要介绍了ant design vue 清空upload组件图片缓存的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了简述vue状态管理模式之vuex，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
本文主要介绍了VUE 自定义取色器组件的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章主要介绍了使用vue v-for循环图片路径方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了如何在vue中使用jointjs过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了在vite项目中使用@进行文件的引入方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
在布局上,五子棋相比那些目标是随机运动的游戏,实现起来相对简单许多,思路也很清晰,下面这篇文章主要给大家介绍了关于用Vue基础语法来写一个五子棋小游戏的相关资料,需要的朋友可以参考下2022-06-06
最新评论