下载视频到本地，后端返回视频的url（视频流较大，30min）

way1：直接使用传统的方法a标签（设置同域可以下载,不使用）

    const name=row.path.substring(row.path.lastIndexOf('/')+1)
      const link = document.createElement('a')
      link.href = row.path

      link.download = name
      document.body.appendChild(link)
      link.click()

way2：download方法：（存在问题，只有视频完全下载完之后才会出现下载进度条，用户体验感不好，不推荐使用）

下载js-file-down：npm install s-file-down

引入页面：

import fileDownload from "js-file-download";

使用：

downloadfile(url, strFileName, strMimeType) {
      var xmlHttp = null;
      if (window.ActiveXObject) {
        // IE6, IE5 浏览器执行代码
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      } else if (window.XMLHttpRequest) {
        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
        xmlHttp = new XMLHttpRequest();
      }
      //2.如果实例化成功，就调用open（）方法：
      if (xmlHttp != null) {
        xmlHttp.open("get", url, true);
        xmlHttp.responseType = "blob"; //关键
        xmlHttp.send("xmlHttp.responseType");
        xmlHttp.onreadystatechange = () => {
         //调用成功回调函数
          if (xmlHttp.readyState == 4) {
            //4表示执行完成
            if (xmlHttp.status == 200) {
              //200表示执行成功
              fileDownload(xmlHttp.response, strFileName, strMimeType);
            }
          }
        }; //设置回调函数
      }
    },

调用：

this.download(视频url，name,下载的类型)

way3：使用插件file-save（视频流过大不推荐使用，和download方法存在同样的方法）

way4：使用fetch请求方法，插件streamSave

streamSavedemo：csdn - 安全中心https://link.csdn.net/?target=https%3A%2F%2Fgithub.com%2Fjimmywarting%2FStreamSaver.js

1.下载插件streamSave

npm install   streamsaver

2.页面使用

import streamSaver from "streamsaver";


//方法
  downloadVideo() {
      console.log("row", row);
      const name = '视频名字';
      const url='视频的路径'
      console.log("name", name);
      console.log("row", row.path);
      fetch(url, {
        method: "GET",
        cache: "no-cache",
      }).then((res) => {
        const fileStream = streamSaver.createWriteStream(name, {
          size: res.headers.get("content-length"),
        });
        const readableStream = res.body;
        // more optimized
        if (window.WritableStream && readableStream.pipeTo) {
          return readableStream
            .pipeTo(fileStream)
            .then(() => console.log("done writing"));
        }
        window.writer = fileStream.getWriter();

        const reader = res.body.getReader();
        const pump = () =>
          reader
            .read()
            .then((res) =>
              res.done
                ? window.writer.close()
                : window.writer.write(res.value).then(pump)
            );

        // pump()   加和不加这个方法好像都可以
      });
    },