VUE+ElementUI+Axios文件上传的坑及解决方案

具体的问题相信大家已经懵逼到无语伦比了。

后端项目:SpringBoot

如果大家暂时找不到解决方案,可是试试我哒!若是有好的解决方案,请大佬给出自己的方案,方便的话共享下,评论私信给我都行哒!

给大家说下注意点哦:

1、不要请求做任何拦截,不然会发现有个彩蛋,'Content-Type' = 'application/json'

2、'Content-Type' = 'multipart/form-data'

3、new FormData()

4、创建一个纯净无污染请求:

import axios from 'axios'
let formData = new FormData();
formData.append("files", file.raw);
formData.append("space", this.params.space);
axios.defaults.withCredentials = true;
axios.defaults.baseURL = "/api";
axios.defaults.timeout = 50000;
axios.defaults.headers.post['Content-Type'] = 'multipart/form-data';

axios.post(this.$reqURI, formData).then((resp) => {
  console.log(resp)
  if (resp.data.status && resp.data.dataObj && resp.data.dataObj[0].success) {
    // 业务操作
  }
})

版权声明:本文为u011645165原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。