本篇内容主要讲解“vue文件上传报错如何解决”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“vue文件上传报错如何解决”吧!

成都创新互联公司是专业的银川网站建设公司，银川接单;提供成都网站制作、成都网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行银川网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

vue文件上传报错的解决办法：1、通过“vue init webpack demo”创建一个vue工程；2、添加一个上传文件的元素；3、在method中加入了“upload(data)”方法；4、使用FromData把需要的参数添加进去，用axios提交请求即可。

Vue 上传文件失败的解决方案

在一个项目中开发前端的同事使用Vue开发了一个上传文件的模块，但是无论如何就是无法提交这种POST请求给后台服务，
具体的现象就是，前端界面上传文件时，
Content-Type总是application/x-www-form-urlencoded，然后SpringBoot的后台服务就报错：Current is not a multipart request.表示这个请求错误。

其实post上传文件时应该是Content-Type: multipart/form-data，但是前端在内网里面，并且是经过封装的。经过分析和测试，普通的html上传个文件都没有问题，问题肯定出在VUE提交请求的环节上面。因为真正的开发环境处于公司内网环境，并且与外界隔绝，因此决定在我的电脑里模拟出这个场景方便解决问题。

为了实现这个模拟的环境，需要安装一个Vue开发环境，和一个Python 开发环境，这两种开发的安装方法不是文章的重点，因此略过。

总体的思路：

用Vue开发一个简单的前端界面实现文件上传功能，然后用Python开发一个Web 后端服务。

第1步：用Vue创建一个WEB页面

创建一个vue工程：

vue init webpack demo

要用axios提交请求，不用安装也可以，使用 直接引入即可

用VSCode打开刚创建的vue工程

添加一个上传文件的元素：

重点

然后加入控制脚本：