关于在vue项目中引入pdf.js的跨域问题(已解决)。

最近公司项目要做一个电子合同盖章的功能,博主想的是用pdf来实现,主要想谈一谈引入pdf.js跨域问题。

之前小编在遇到这个问题的时候也是百度了好多关于解决这方面问题的文章,但最终都没有实际解决。举两个印象最深的例子。

  1. 我看过不少博主说通过后端设置,这里的跨域问题是pdf.js这个插件不允许本地localhost和后端的服务器地址跨域访问,这里我倒不太懂跟后端有什么关系。不过最后也尝试了一下,并没有什么卵用。
  2. 修改pdf.js源码,我不知道之前那些博主的pdf.js是哪个版本的,说注释了viewer.js文件中的
    // if (fileOrigin !== viewerOrigin) {
    // throw new Error(‘file origin does not match viewer’s’);
    // }
    就可以了,反正小编我是没找到这个东西。

最终小编的解决办法,上代码。
关于在vue项目中引入pdf.js的跨域问题(已解决)。_第1张图片
在public目录下放入一个pdf文件
关于在vue项目中引入pdf.js的跨域问题(已解决)。_第2张图片
然后通过axios得到一个localhost的文件地址,这时候用这个地址来测试就不会报跨域问题了。

你可能感兴趣的:(vue)