vue formdata格式传递参数,vue formdata上传文件

　　摘要：本文主要介绍了vue上传文件formData空输入和接口请求500的解决方案，具有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。

　　:

目录

　　 1.首先，打包axios request 2.vue文件。点击上传按钮。接下来，贴出解决方案很久很久不见。最近遇到一个很奇妙的问题要记录。不知道有没有朋友和我一样崩溃过。

　　我写了三年代码，上传了这么简单的功能。第一次在fromData请求接口report 500中遇到前端参与的问题，百度尝试了很多数据都没有解决。后台一直在说我前端的问题，于是调试器一步步检查。

　　让我们来看看报错码的过程，用你丰富的经验和敏锐的眼光帮我们看看到底是哪里出了问题。

　　本项目采用vue-cli3脚手架搭建，vue-admin-template后台框架开发。

1.首先封装axios请求

　　如下图所示：

2.vue文件点击上传按钮

　　将获得的文件分配给this.file.

　　如下所示：

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

　　调试后的Axios请求如下：

　　此时，的formData是一个空对象。

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

　　报头和请求参数也与后台通信一致。所以这个情况已经上报给500了，前端参数收不到。你知道问题出在哪里吗？

　　接下来改变了请求方式，用axios原生请求格式写了一个版本，终于看到了久违的200==.

接下来贴出解决的方案

　　方方，从而解决上传接口的问题。如果我能帮助你，我会很高兴。以上是我的亲身经历。希望能给大家一个参考，支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。