前端如何预览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