前端如何预览pdf

1.第一种方案 可以通过后端请求接口转化为blob 然后通过window.open直接打开 代码如下

    某接口（地址）.then((res)=>{
     

const blob = new Blob([res], { type: "application/pdf" });

      this.pdfUrl = window.URL.createObjectURL(blob);

      window.open(this.pdfUrl)

})

2.第二种方案

通过第三方插件实现 使用pdf.js预览

在pdf.js官网下载 文件 放到项目的punlic

然后通过 iframe 将路径放进去 '/pdfjs/web/viewer.html?file=' + 地址+接口路径 + 文件path