angular - 如何从 Angular 应用程序打开 PDF 文件

问题描述

我正在构建一个使用 PHP 后端的 Angular 应用程序。过程是：

前端调用后端端点
后端构建一个 PDF 文件，将其存储在特定文件夹中，并返回文件 URL（http://serverhost/tmp/somerandompath/somerandomname.pdf）
前面打开一个指向 PDF 文件的新选项卡，这要归功于它的 URL

我的问题是 PDF url 被 Angular 路由器拦截，用户被重定向到主页（默认行为）而不是 PDF 文件。

这是我的（简化的）路由配置：

const appRoutes: Routes = [
  { path: 'route1', component: Component1 },
  { path: 'route2', component: Component2 },
  { path: 'home', component: HomepageComponent },
  { path: '**', component: HomepageComponent }
];

您知道如何打开 PDF 文件吗？

谢谢你的帮助，Termos

标签： angularpdfroutes

首先，我认为您的服务网址不正确，请先修复它然后您可以使用此 *** ng2-pdf-viewer *** 包在客户端呈现 pdf

<pdf-viewer [src]="pdfSrc"
          [render-text]="true"
          style="display: block;"
 ></pdf-viewer>

https://github.com/VadimDez/ng2-pdf-viewer#readme

angular - 如何从 Angular 应用程序打开 PDF 文件

问题描述

解决方案

推荐阅读