フロントエンドが Excel をエクスポートしてファイルを開くと、次のプロンプトが表示されます。「XXX.xIsx」の一部の内容に問題があります。回復を試みますか? このブックのソースを信頼できる場合は、[はい] をクリックしてください。

この場合、このプロンプトが最初に表示されます。[いいえ] をクリックすると、直接終了します。[はい] をクリックすると、別のエラープロンプトが表示されます。

見つかった問題は、この axios リクエストにアノテーションが欠如していることです。リクエストに以下のコメントを追加する必要があります。追加後、ダウンロードした Excel ファイルは正常に開くことができます。

// 导出用券列表
export function exportTicket(data) {
  return request({
    responseType: "blob",
    url: "/courtesycardlog/export",
    method: "post",
    data,
  });
}
// responseType: "blob",

補充:

対応するエクスポートメソッド、エクスポートの成功または失敗のプロンプト情報を element-ui に導入する必要がありますが、導入されていない場合は削除してください。

handleExport() {
      this.$confirm("是否确定导出?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "info",
      })
        .then(() => {
          if (this.list.length) {
            // 这里填写接口及参数
            exportTerminalnode(this.queryParams).then((res) => {
              let blob = new Blob([res], {
                type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8",
              }); //type这里表示xlsx类型
              let downloadElement = document.createElement("a");
              let href = window.URL.createObjectURL(blob); //创建下载的链接
              downloadElement.href = href;
              let time = new Date().toLocaleString();
                // 记得更改导出时 excel 的 title
              downloadElement.download = ("门店信息" + time + ".xlsx").replace(
                new RegExp("/", "g"),
                "-"
              ); //下载后文件名
              document.body.appendChild(downloadElement);
              downloadElement.click(); //点击下载
              document.body.removeChild(downloadElement); //下载完成移除元素
              window.URL.revokeObjectURL(href); //释放掉blob对象
              this.$message({ type: "success", message: "下载成功" });
            });
          } else {
            this.$message({ type: "warning", message: "暂无数据" });
          }
        })
        .catch(() => {
          this.$message("取消导出");
        });
    },

おすすめ