Pesquisa de site

angular - ngx-extended-pdf-viewer não está funcionando com URL


Não consigo fazer meu PDF ser exibido no visualizador via URL em TypeScript. Estou usando o ngx-extended-pdf-viewer

Aqui está um exemplo do meu código com a URL substituída.

<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>

Mensagem de erro no visualizador:

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

no visualizador de PDF.

Posso visualizar o PDF se eu colocá-lo na pasta assets, mas a URL não funciona. Um quadro vazio é mostrado. O que estou fazendo de errado?

Resposta #1

Só posso adivinhar, mas minha explicação mais provável é "CORS". Navegadores modernos protegem você contra uma certa classe de ataques de hackers recusando-se a baixar ou enviar coisas de outro URL.

Você mencionou que acessar arquivos locais funciona, então é provável que usar um proxy resolva o problema. Por exemplo, existe o proxy-conf.json no Angular CLI.