vue文件上传报错的解决办法：1、通过“vue init webpack demo”创建一个vue工程；2、添加一个上传文件的元素；3、在method中加入了“upload(data)”方法；4、使用FromData把需要的参数添加进去，用axios提交请求即可。
本教程操作环境：Windows10系统、vue3版、DELL G3电脑
vue 文件上传报错怎么办？
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工程
添加一个上传文件的元素：
@@##@@
重点
然后加入控制脚本：
@@##@@
相关专题
php中文网为大家提供各种python开发工具，好的开发工具，可帮助开发者攻克编程学习中的基础障碍，理解每一行源代码在程序执行时在计算机中的过程。php中文网还为大家带来python相关课程以及相关文章等内容，供大家免费下载使用。
772
2023.06.15
python能做的有：可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。
764
2023.07.25
Python中的format是一种字符串格式化方法，用于将变量或值插入到字符串中的占位符位置。通过format方法，我们可以动态地构建字符串，使其包含不同值。php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。
679
2023.07.31
Python是一种流行的编程语言，被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后，我们需要配置环境变量，以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。
569
2023.08.04
eval函数是Python中一个非常强大的函数，它可以将字符串作为Python代码进行执行，实现动态编程的效果。然而，由于其潜在的安全风险和性能问题，需要谨慎使用。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。
579
2023.08.04
scratch和python的区别：1、scratch是一种专为初学者设计的图形化编程语言，python是一种文本编程语言；2、scratch使用的是基于积木的编程语法，python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容，供大家免费下载体验。
730
2023.08.11
热门下载
相关下载
