1.請(qǐng)求接口顯示亂碼

亂碼信息.png

2.處理方法

new_posters() {
      axios
        .get("接口地址", { responseType: "arraybuffer" }) //設(shè)置請(qǐng)求頭
        .then(data => {
          console.log(data);
          //自定義名字 imgUrl 將請(qǐng)求回來(lái)的圖片信息放到里面
          this.imgUrl =
            "data:image/png;base64," +
            btoa(
              new Uint8Array(data.data).reduce(
                (data, byte) => data + String.fromCharCode(byte),
                ""
              )
            );
        })
        .catch(err => {});
    }

3.顯示圖片

<img alt="圖片加載失敗..." :src="imgUrl" />