vue登录图片验证码/vue加载二进制图片

写在前面

需求：登录页获取图片验证码，后端以二进制流的形式返回。

一、效果：

1587960536.jpg

二、代码

本文vue中请求的axios所用为vue-element-admin中封装的request

三、请求

image.png

三、请求（其他网友，正常axios）

首先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);
    });
直接用不就可以了

四：主要代码截图

image.png

image.png

备注：要其他代码或有问题，可联系我，看到会回复