二进制流内容转图片

<template>

   <div>1234

    <img :src="url" alt="">

   </div>

</template>

<script>

import axios from "axios"

export default {

  data() {

    return {

        data:"",

        url:""

    };

  },

  created(){

     axios({

        url:"/api/captcha/imageCode?key=123456",

        method:"get",

// `responseType` 表示浏览器将要响应的数据类型

// 选项包括: 'arraybuffer', 'document', 'json', 'text', 'stream' // 浏览器专属：'blob'    

// responseType: 'json',  默认值

        responseType: "blob"

     }).then((res) => {

        let data = res.data;

        console.log(data,"data");

         let url=URL.createObjectURL(data)

         console.log(url);

         this.url=url

      });

  }

};

</script>