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

最新的实战项目已经更新到GitHub了，大家点击直接看我的解决方案即可，对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) {
    // 业务操作
  }
})