vue项目问题记录 pdf.js解决跨域问题 版本v2.16.105

pdfjs的使用

pdfjs官网下载pdfjs文件 并保存到vue
如果网站访问不到，这里放一个我正在使用的版本链接

下载后，将文件解压放到vue项目public文件夹中 目录展示：

保存后，来到需要用到pdfjs的vue组件中 使用iframe标签，调用展示public中的viewer.html，代码如下：
其中的src路径地址/pdfplugin/web/viewer.html?file= 是固定的，至于后边的fildata.pdfPath替换成你需要展示的pdf文件链接即可

<iframe
       :src="'/pdfplugin/web/viewer.html?file=' + fileData.pdfPath"
       style="width: 100%; height: 100vh"
   >iframe>

解决跨域问题

来到刚放在public文件夹下的pdfjs插件文件夹
打开web下的viewer.js
在viewer.js中搜索file origin does not match viewer's"
将改判断语句隐藏掉，即可解决跨域问题！

效果展示