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)
    })
  })
}

到這裏就結束啦！！！！
如果有錯誤，請各位大佬糾錯