前端處理后台返回的亂碼圖片

問題描述：

  請求后台接口，返回如下圖的亂碼。

根據全場亂字符+JFIF標記，確定是個JPEG文件的二進制流，而不是base64。

解決方法：

  

this.$axios.get('api',{responseType: 'arraybuffer'})
 .then(res=>{
    this.formData.imgUrl =  'data:image/png;base64,' + btoa(
    new Uint8Array(res.data).reduce((data, byte) => data + String.fromCharCode(byte), ''))
5 })

注意：*****設置請求數據類型：responseType:'arraybuffer'******