后端接口返回视频预览地址——如何进行下载

// 视频文件的路径
//process.env.VUE_APP_BASE_API:前端代理ip端口
//item.voidUrl：后端返回的文件地址

const videoUrl = process.env.VUE_APP_BASE_API + item.voidUrl; 
fetch(videoUrl)
    .then((response) => response.blob())
    .then((blob) => {
        // 创建一个临时的 URL 对象
        const url = URL.createObjectURL(blob);
        // 创建一个隐藏的 <a> 元素
        const link = document.createElement("a");
        link.href = url;
        link.download = item.name + ".mp4"; // 可以根据需要指定下载的文件名
        // 将链接元素添加到文档中
        document.body.appendChild(link);
        // 触发点击事件下载
        link.click();
        // 下载完成后移除链接元素
        document.body.removeChild(link);
        // 释放临时的 URL 对象
        URL.revokeObjectURL(url);
    })
    .catch((error) => {
         console.error("下载视频失败:", error);
    });