码迷,mamicode.com
首页 > 其他好文 > 详细

VUE 后端接口返回的是一张图片

时间:2020-06-20 15:56:29      阅读:282      评论:0      收藏:0      [点我收藏+]

标签:creat   style   and   必须   identify   后端   network   使用   刷新   

是一个图形验证码的接口,点击验证码可以刷新,问题是我用之前的请求方式只是在 created 里面生效,再次点击就不会请求接口了。不明觉厉.

 

之前的写法是这样的

    // 切换验证码
     changeCodeImg:function(){
    this.verifyImg = ‘/api/login/image?r=‘+Math.random();
   },

不管是初始调用,还是点击调用都是可以的,可以在 network 中看到。

但是不知道什么原因,这次不行,点击事件是生效的,但是在 network 看不到请求。

 

所以换了一种写法

    changeCodeImg(){
      axios.get(way.authverifyCode, {
        responseType: ‘blob‘
      }).then((res) => {
        this.identifyingImg = window.URL.createObjectURL(res.data);
      })
  },

 

注意

responseType: ‘blob‘  这个是必须要有的

 

拿到二进制数据之后使用

window.URL.createObjectURL 

 

VUE 后端接口返回的是一张图片

标签:creat   style   and   必须   identify   后端   network   使用   刷新   

原文地址:https://www.cnblogs.com/wyhlightstar/p/13168817.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!