相关疑难解决方法(0)

我正在为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 ......)

我正在尝试使用ng2-pdf-viewer组件显示来自ASP.NET Web API后端的多个PDF。我已经将PdfViewerComponent添加到模块的声明中，并且提供的示例可以正常工作：

import { Component } from '@angular/core';

@Component({
  selector: 'example-app',
  template: `
  <div>
      <label>PDF src</label>
      <input type="text" placeholder="PDF src" [(ngModel)]="pdfSrc">
  </div>
  <pdf-viewer [src]="pdfSrc" [render-text]="true" style="display: block;">
  </pdf-viewer>
  `
})
export class AppComponent {
  pdfSrc: string = '/pdf-test.pdf';
}

当我尝试从任何其他资源加载pdf src时出现问题。

我首先遇到了CORS问题，但后来使用DomSanitizer解决了这个问题。每当我尝试加载PDF时，都会收到新错误：

ERROR Error: Invalid parameter object: need either .data, .range or .url
    at Object.getDocument (pdf.js:2867)
    at PdfViewerComponent.webpackJsonp.../../../../ng2-pdf-viewer/dist/pdf-viewer.component.js.PdfViewerComponent.loadPDF

我一直在寻找解决这个问题的方法，但我无法弄清楚。任何帮助将不胜感激。

如果您希望我提供任何其他信息，请告诉我。