Angular 2:无法访问资产文件夹中的文件

问题描述:

我在尝试访问我的应用程序中的本地文件时出现404错误。 我无法访问和显示PDF,我把在子文件夹(PDF)的资产中folder.I正在使用CLIAngular 2:无法访问资产文件夹中的文件

<embed width="100%" height="100%" src="./assets/pdf/fef.pdf"/> 

错误它显示“GET http://localhost:4200/app/assets/pdf/fef.pdf 404(未找到)”

感谢您的帮助提前

+0

不知道,但我不认为'应用程序文件夹应该是你的路径的一部分 – TheUnreal

+0

其实它不是,我只是想弄清楚这是否可以工作。我纠正并更新到当前状态 – Geeksan

你需要模板绑定它src变化:

<embed width="100%" height="100%" [src]="'assets/pdf/fef.pdf'"/>

虽然我确信这是有效的,但它与模板绑定无关。

src="assets/pdf/fef.pdf" 

本来工作得很好。您的参考不起作用,因为您正在使用相对路径./代替绝对路径。因此,你的应用程序正在寻找app/assets中的图像,因为你是相对于应用程序文件夹。角路径需要一些习惯。

绝对路径启动你相对于src文件夹。

我相信一个相对路径启动你在app文件夹中,无论它从哪个组件模板被调用。不过,我将不得不验证。