Vue+axios+Formdata上传文件出现500错误之原因分析

原因分析：通过检查上传数据的Content-Type是multipart/form-data；跟网上查的一致；并无异样。在网上找到说是axios的配置问题，导致上传的数据被序列化导致为null的；引致后台报错为空指针错误。通过对axios配置文件的检查也发现axios对Formdata的数据有进行判断，并无对FormData数据进行序列化。那问题来了。既然数据没有被序列化，也到达了后台...

Uncle丶怪叔叔

5707人浏览 · 2019-04-18 15:18:13

Uncle丶怪叔叔 · 2019-04-18 15:18:13 发布

原因分析：

通过检查上传数据的Content-Type是multipart/form-data；跟网上查的一致；并无异样。
在网上找到说是axios的配置问题，导致上传的数据被序列化导致为null的；引致后台报错为空指针错误。通过对axios配置文件的检查也发现axios对Formdata的数据有进行判断，并无对FormData数据进行序列化。
那问题来了。既然数据没有被序列化，也到达了后台，但后台却获取为null，原因在于我上传FormData数据的定义名字跟后台获取的名字不一致所导致的问题。主要一开始没跟后台沟通好导致的错误。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^