vue+axios上传文件到服务器

上传服务器到首先要借助到FormData来操作，废话不多说直接上代码

<!--前端的代码-->
<input type="file" ref="file"/>

//请求接口前需要传的参数
let formData=new FormData();
formData.append('allowDownload',allowDownload)
formData.append('name',this.zizhiForm.name)
formData.append('uploadFiles',this.$refs.file.files[0])
//这里要把所有要传到后端的字段都添加到formData里面，我当时操作的时候就是把这一点遗漏掉了，折腾了好久。。

//请求接口
addData(formData).then(result=>{
  //这里进行获取到result之后的操作
});

//请求后端接口的代码
export function addData(data){
  return new Promise((resolve,reject)=>{
    axios.post(`/qualification/add`,
    data,
    {
      headers:{
        'Content-Type': 'multipart/form-data; boundary = ' + new Date().getTime()
        //这里要把content-type设置为multipard/form-data，同时还要设置boundary
      }
    }).then(result=>{
      resolve(result.data)
    }).catch(err=>{
      reject(err)
    })
  })
}

到这里就结束啦！！！！
如果有错误，请各位大佬纠错