前端加載顯示后端返回的驗證碼圖片流

后端返給前端一段圖片流，如下所示：

 

 前端代碼中如果直接將此圖片流綁定給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'