后台返回的图片前端如何展示(如何获取)

实际场景:在登录时或者其他场景,我们需要用后台返回的验证码来校验,或者展示后台返回的图片
后台:直接返回一个图片

问题:前端如何展示(项目用的是axios请求)

解决逻辑:我们要用原生的axios请求来请求并展示,而不是用你们项目已经封装好的请求
上代码:

  axios.request({
  url:"/abc/abc",  //这里是你的请求url
  responseType:'blob',  //这里最重要,不要去掉
  method:'get'    //请求方式,看后台的需求,可能是get,post等方式
  }).then(res => {
         let blob = new Blob([res],{type: "image/png"});
          let url = window.URL.createObjectURL(blob);
          this.yanzhengImage=url;

然后,你只需将上面的 yanzhengImage 赋给 img标签的src
OK,搞定

❤如果文章对您有所帮助，就在文章的右上角或者文章的末尾点个赞吧！(づ￣ 3￣)づ
❤如果喜欢比卡丘分享的文章，就给比卡丘点个关注吧！(๑′ᴗ‵๑)づ╭❤～
❤鉴于个人经验有限，所有观点及技术研点，如有异议，请直接回复讨论(请勿发表攻击言论)

拿走,不用谢!!!送人玫瑰,手留余香