Vue实现点击根据已知的链接下载文件

我需要实现一个点击div去下载一个网络路径的二进制文件,存储的文件都是放在了oss中,所以不需要后端实现代码,使用oss对象存储大大降低了服务器的带宽压力,速度也很快,阿里有免费的50G空间,所以足够存区一些文件数据了。

实现代码

//下载文件
    downloadUrl(url){
      // console.log(url);
      let link = document.createElement("a"); 
      //创建一个a标签
      link.style.display = "none"; 
      //将a标签隐藏
      link.href = url; 
      //给a标签添加下载链接  "域名+接口"  safe是一个动态的域名  后面的接口替换成你自己的下载接口
      link.setAttribute("download", name); 
      // 此处注意，要给a标签添加一个download属性，属性值就是文件名称 否则下载出来的文件是没有属性的，空白白
      document.body.appendChild(link);
      //将上面创建的a标签加入到body的尾部
      link.click(); 
      //执行a标签
    }