vue2 火狐浏览器没有下载视频到本地,直接在浏览器打开了

原代码：

let url = 'http://123/1.mp4' //视频下载地址
let a = document.createElement("a"); // 视频下载
a.href = url;
a.click();

在谷歌中可以下载，但是在火狐浏览器中，是在网页中直接打开了，修改如下

使用 downloadjs

NPM 安装：npm install downloadjs

import download from 'downloadjs';

methods: {
  downloadVideo() {
    // 创建 Blob 对象以包装视频数据
    const xhr = new XMLHttpRequest();
    xhr.open('GET', 'https://example.com/my-video.mp4'); // 视频 URL
    xhr.responseType = 'blob';
    xhr.onload = () => {
      if (xhr.status === 200) {
        // 使用 download.js 下载文件
        download(xhr.response, 'my-video.mp4', 'video/mp4');
      } else {
        console.error('下载失败');
      }
    };
    xhr.send();
  }
}

效果如下