VUE 后端接口返回的是一張圖片

是一個圖形驗證碼的接口，點擊驗證碼可以刷新，問題是我用之前的請求方式只是在 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