Question

我正在尝试在本地文件夹中下载PDF格式的内容。它适用于我的本地计算机。但是在服务器上部署后失败，并重定向到主页或下载无效的pdf文件。但是它正在下载HTML而不是PDF。我尝试了以下链接，但是不起作用： How to download pdf file in angular 2

我的HTML代码：

<li class="nav-item"><a class="li-top-menu" (click)="downloadCSVFile()">User Guide</a></li>

我的ts代码：

 public downloadCSVFile(){
    this.downloadPdf().subscribe(
      (res) => {

        FileSaver.saveAs(res, 'test.pdf');
      }
    );


  }

  public downloadPdf(): any {
    let url='/assets/images/test.pdf';
    let headers = new HttpHeaders();
   // headers.append('Authorization', 'JWT ' + localStorage.getItem('id_token'));
    return this.http.get(url,{  headers: headers,responseType: 'blob' }).map(
      (res) => {
        console.log(res)
        return new Blob([res], { type: 'application/pdf' })
      })
  }

文件路径： /assets/images/test.pdf

我也尝试过使用HTML下载标记，但它也无法正常工作：

 <li class="nav-item"><a class="li-top-menu" download="test.pdf" href="/assets/images/test.pdf">Download Sample</a></li>

奇怪的是，这两个解决方案都可以在我的本地主机上正常运行，但是在服务器上部署后失败

Angular 5-下载PDF下载HTML而不是PDF

0 个答案: