A brief discussion on several ways and methods of file download in vue

/**
 * @param {blob} res - Export data
 * @param {string} fileName - File export name
 * @param {string} format - Export file format
 * @return {*}
 */
function downBlob(res, fileName = "Export Report", format = "xlsx") {
  // Call the interface to get the file  const blob = new Blob([res], {
    type: "application/-excel"
  });
  // Download file name  fileName = fileName + parseInt(() * 9999) + "." + format;
  const linkNode = ("a");

   = fileName; // The download attribute of the a tag specifies the name of the download file   = "none";
   = (blob); // Generate a Blob URL  (linkNode);
  (); // Simulate a mouse click on the button
  (); // Release URL object  (linkNode);
}

/**
 * @param {string} fileName - File export name
 * @param {string} url - file url address
 * @return {*}
 */
function download(fileName, url) {
  fileName = fileName || "Export Report";
  let arr = (".");
  fileName += parseInt(() * 9999) + "." + arr[ - 1];
  const linkNode = ("a");
   = fileName; // The download attribute of the a tag specifies the name of the download file   = "none";
  if (.VUE_APP_TEM_PATH) {
    // Generate a Blob URL     = .VUE_APP_TEM_PATH + url;
  } else {
    // Generate a Blob URL     = url;
  }
  (linkNode);
  (); // Simulate a mouse click on the button  (); // Release URL object  (linkNode);
}

// Download the file through urlimport { download } from "@/utils/auth";
.$download = download;

// Download the file through blobimport { downBlob } from "@/utils/auth";
.$downBlob = downBlob;

// Download the file through urlthis.$download("Sales Statistics", );

// res download file via blobthis.$downBlob(res, "Details of the comparison between mall order and ERP order");