Vue 加載二進制圖片

首先axios請求必須加上responseType: 'blob',

  export function getPicture(obj) {
    return request({
      url: '/display/getDetailPicture',
      method: 'get',
      responseType: 'blob',
      params: obj
    })
  }

 

 

getPicture({ id: id }).then(response => {
      this.picUrl = window.URL.createObjectURL(response);
    });

 

直接用不就可以了

<img style="width:200px;height:200px" :src="picUrl" alt />