ngx-extended-pdf-viewer 无法使用 Url答案

【问题标题】：ngx-extended-pdf-viewer not working with Urlngx-extended-pdf-viewer 无法使用 Url
【发布时间】：2019-11-10 05:19:05
【问题描述】：

我无法通过打字稿中的 url 让我的 pdf 在查看器上显示。我正在使用 ngx-extended-pdf-viewer

这是我的替换 URL 的代码示例。

<ngx-extended-pdf-viewer 
*ngIf="!isFirefox"  
  [src]="'http://www.childrensbooksforever.com/Childrenpics/A%20COOL%20KID%20LIKE%20ME.pdf'"
  useBrowserLocale="true" 
  backgroundColor="#000000" 
  height="100%">            
</ngx-extended-pdf-viewer>

查看器中的错误消息：

PDF.js v2.1.266 (build: 81f5835c)
Message: Failed to fetch

在 pdf 查看器中。

如果我将它放在资产文件夹中，我可以查看 pdf，但 url 不起作用。显示一个空框架。我做错了什么？

【问题讨论】：

错误是不言自明的哥们。第一个错误表示您所指的属性clientHeight 的对象未定义。关于第二个，this gitHub discussion 可能会对您有所帮助。
这似乎和github.com/stephanrauh/ngx-extended-pdf-viewer/issues/98是同一个问题。

标签： angular typescript pdf.js ngx-extended-pdf-viewer

【解决方案1】：

我只能猜测，但我最可能的解释是“CORS”。现代浏览器通过拒绝从另一个 URL 下载或发送内容来保护您免受特定类别的黑客攻击。

您已经提到访问本地文件是可行的，因此使用代理可能会解决问题。例如，Angular CLI 中有 proxy-conf.json。

【讨论】：