在前端页面正确展示后端返回的验证码图片

前言：

        在开发登录界面时，通过接口请求验证码；后端给返回的格式是Blob，直接用src引用没办法显示。

在控制台输入结果是：

 第一想法就是通过 window.URL.createObjectURL(new Blob([res.data],{type:'image/png'}))转换成url，结果转化成了url格式，但是页面上的图片还是不能给显示出来。

结果：

 经过百度筛选一系列文章的方法终于找到了适合我这种情况的解决方法

        调接口时 请求里面加入responseType: 'arraybuffer', 一定要加！！！

 

 

 请求返回数据 responseType类型：