前端加载显示后端返回的验证码图片流

后端返给前端一段图片流，如下所示：

 

 前端代码中如果直接将此图片流绑定给img的src属性，是显示不出来图片的，需要在接口处进行转化再赋值，转化的方式就是window.URL.createObjectURL( )，将图片流转化为本地请求地址。

graphicCode() {
    let data = {
        username: this.$store.state.login.login.username
    }
    $ajaxLogin.graphicCode(data, res = > {
        this.imgUrl = window.URL.createObjectURL(res);
    })
}

而且在api请求的时候要需要指定返回类型为blob

responseType: 'blob'