Vueはヘッダー画像読み込みソリューションを搭載しています

Vueはヘッダー画像読み込みソリューションを搭載しています

URLにアクセスするには、アクセスするための権限が必要な場合（トークンを運ぶ必要がある場合）、最初にaxiosを使用してダウンロードし、次にURLに変換して、URL.createObjectURL（）を介してimgに割り当てることができます。

async getBarcode(row) {
      const { data: result } = await this.$axio.get(
        "book/barcode?id="+row.id,
        {
            //设定接收类型为blob,头部什么的自行添加
          responseType:'blob',
        }
      );
    //赋值给变量
      this.barcodeUrl=URL.createObjectURL(result);
      this.barcodeDialogVisible=true;
    },

 <el-image style="width: 200px; height: 100px" :src="barcodeUrl" placeholder="Barcode"></el-image>