vue 连接地址下载 PDF

 

href 是地址

当自定义的download不生效是加上下面这段代码

 a.href = window.URL.createObjectURL(new Blob([url], { type: "application/octet-stream" }));

  //   if(appConfigs.urlWebHttp!=""){
          //  const link = document.createElement("a"); //我们用模拟q标签点击事件
          //   const fileName = "凭证.pdf"; //下载文件的名字
          //   link.href = appConfigs.urlWebHttp + data;
          //   link.setAttribute("download", fileName);
          //   document.body.appendChild(link);
          //   link.click(); //点击
          //   document.body.removeChild(link); // 下载完成移除元素
          //   }

let link = document.createElement('a')
                        let url = appConfigs.downPdfUrl + data;  //地址
                        // 这里是将url转成blob地址，
                        fetch(url)
                            .then((res) => res.blob())
                            .then((blob) => {
                                // 将链接地址字符内容转变成blob地址
                                
                                link.href = URL.createObjectURL(blob);
                                console.log(link.href);
                                link.download = "";
                                document.body.appendChild(link);
                                link.click();
                            });

 // const content = data
          // const blob = new Blob([content])
          // const fileName = '下载凭证.pdf'
          // if ('download' in document.createElement('a')) { // 非IE下载
          //   const elink = document.createElement('a')
          //   elink.download = fileName
          //   elink.style.display = 'none'
          //   // elink.href = URL.createObjectURL(blob)
          //   elink.href = "http://devzhywlcckshxt.zhiscity.com" + data;
          //   document.body.appendChild(elink)
          //   elink.click()
          //   URL.revokeObjectURL(elink.href) // 释放URL 对象
          //   document.body.removeChild(elink)
          // } else { // IE10+下载
          //   navigator.msSaveBlob(blob, fileName)
          // }