ng2-pdf-viewer Access-Control-Allow-Origin

Question

我正在为Angular使用ng2-pdf-viewer库,我正在尝试从基本URL显示PDF.问题是我收到以下错误:

XMLHttpRequest无法加载 https://www.bbv.ch/images/bbv/pdf/Publikationen/BBV16Poster_Angular2.pdf.请求的资源上不存在"Access-Control-Allow-Origin"标头.原产地" 的http://本地主机:54800 ",因此没有允许访问.

这是我的代码:

.ts:

{ Name: "Angular2 tuto", Description: "An amazing Angular2 pdf !", Url: {url: "https://www.bbv.ch/images/bbv/pdf/Publikationen/BBV16Poster_Angular2.pdf", withCredentials: true} }

.html:

<pdf-viewer [src]="document.Url" [page]="1" [original-size]="false" style="display: block;"></pdf-viewer>

我尝试了没有"withCredentials"属性 - 没有改变..

如何从angular2中的链接显示任何pdf？(虽然工作在一个基本的iframe ......)

Answer 1

导入这些：-

import { DomSanitizer, SafeResourceUrl, SafeUrl } from '@angular/platform-browser';

定义变量：-

Url : SafeUrl;

在构造函数中使用它，如下所示-

constructor(private sanitizer: DomSanitizer) {}

像这样指定 URL -

this.Url = this.sanitizer.bypassSecurityTrustResourceUrl("https://www.bbv.ch/images/bbv/pdf/Publikationen/BBV16Poster_Angular2.pdf");