无标题文章

vue2上传图片，使用axios发送FormData数据,参数为空

vivicool已关注

2018.08.20 21:52字数 148阅读 5669评论 2喜欢 10

最近在做项目时，需要用到上传图片的功能，用axios上传图片，用FormData发送数据，参数一直为空，如图显示

1.jpg

2.png

3.png

查找并尝试解决办法，在请求中，添加

headers:{

'Content-Type':'multipart/form-data'

}

依然无效。。。

最终一个朋友帮我get到问题点了，是需要设置 withCredentials：true  , 表示跨域请求时是否需要使用凭证. 默认为false

完整代码如下

authen(event) {        event.preventDefault();letformData =newFormData();          formData.append('fileUpload1',this.files);          formData.append('fileUpload2',this.files2);          formData.append('fileUpload3',this.files3);          formData.append('uid',this.userID);        formData.append('name',this.name);constinstance=axios.create({withCredentials:true})                      instance.post('http://pay.m6zf.com/index.php?s=/api/user/approved.html',formData).then(res=>{if(res.code ==200){                    alert('提交成功');this.$router.push({path:"/Profit"});                }else{                    alert("请输入完整再提交");                }            })        }

将withCredentials：true设置后，提交请求，请求参数终于有数据了

success1.jpg

success2.jpg

小礼物走一走，来简书关注我