vue上传图片组件formData发送file对象问题

因为本次图片要求比较完整，所以直接传原图给后台，根据返回路径进行展示，利用的

input中的file，而给后台传的参数是file对象，

遇到问题，实例化出来的formData对象传不过去，

let formData = new FormData() // 创建form对象 

formData.append('file', file);

this.oldFile = file 

self.instance.post('/insure/upload',formData)

 

 

发送请求中参数没有东西，原因是因为axios请求给拦截了，解决方法，给这个axios请求重新定义一个，在main.js注册一个单独的axios请求，请求头需要设置如下,并且用原型链实现继承，这样在页面中就可以正常的发送ajax请求了

var instance = axios.create({
  baseURL:'',
  timeout:5000,
  headers:{"Content-Type":"multipart/form-data"}
});

Vue.prototype.axios = axios;
Vue.prototype.instance=instance;