如何使用 HTML/Angular 项目在浏览器中链接和查看 PDF？

【问题标题】：How to link and view PDF in browser with HTML/Angular project?如何使用 HTML/Angular 项目在浏览器中链接和查看 PDF？
【发布时间】：2018-07-13 13:56:22
【问题描述】：

我想在我的个人网站上链接我的简历。我在 Visual Studio 2017 中使用 Angular 模板。

我的项目目录中有我的 PDF。

/components/navmenu/resume.pdf

/components/navmenu/navmenu.component.html

/components/navmenu/navmenu.component.css

/components/navmenu/navmenu.component.ts

在navmenu.component.html里面，我有

<a href="resume.pdf">Resume</a>

我还没有将项目发布到服务器。它只是在本地主机上运行。如何在浏览器中查看 resume.pdf？

【问题讨论】：

标签： html css angular visual-studio-2017

【解决方案1】：

仔细检查您在锚标记中使用的 URL。也许你也可以考虑在你的 Angular 项目的根目录下创建一个文件夹，比如contents 或类似的东西，你可以把你的文件放在那里。然后你只需要像

一样引用它

<a href="/contents/resume.pdf">Resume</a>

【讨论】：

我已经尝试将它放在另一个文件夹中，但没有成功。当我尝试打开链接时，我收到一条错误消息“无法加载 pdf 文档”。它试图访问的 url 是 file:///C:/Users/Name/AppData/Local/Temp/resume.pdf。
我搞定了。看起来我没有将我的 PDF 文件放在 wwwroot 中。谢谢！