实际场景:在登录时或者其他场景,我们需要用后台返回的验证码来校验,或者展示后台返回的图片
后台:直接返回一个图片
问题:前端如何展示(项目用的是axios请求)
解决逻辑:我们要用原生的axios请求来请求并展示,而不是用你们项目已经封装好的请求
上代码:
axios.request({url:"/abc/abc", //这里是你的请求urlresponseType:'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 ̄)づ
❤如果喜欢比卡丘分享的文章,就给比卡丘点个关注吧!(๑′ᴗ‵๑)づ╭❤~
❤鉴于个人经验有限,所有观点及技术研点,如有异议,请直接回复讨论(请勿发表攻击言论)
拿走,不用谢!!!送人玫瑰,手留余香