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

时间:2017-07-07 14:57:43

标签: html angular

我遇到错误404,当我尝试访问我的应用中的本地文件时。 我无法访问和显示我放在资源文件夹中的子文件夹(pdf)中的PDF文件。我正在使用cli

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

显示的错误“GET http://localhost:4200/app/assets/pdf/fef.pdf 404(Not Found)”

感谢您的提前帮助

3 个答案:

答案 0 :(得分:0)

您需要模板绑定src将其更改为:

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

答案 1 :(得分:0)

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

src="assets/pdf/fef.pdf"

也会有效。您的引用无效,因为您使用相对路径./代替绝对路径。因此,您的应用正在app/assets中查找图片,因为您与app文件夹相关。角度路径需要一些时间来习惯。

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

我相信相对路径会在app文件夹中启动您,无论它是从哪个组件模板调用。我将不得不核实这一点。

答案 2 :(得分:0)

我在处理图像时遇到了同样的问题,这是因为我的绝对路径包含特殊字符,例如“(”,“)”和空格,将项目文件夹移动到C:/可以解决此问题,现在我可以添加图像了使用src="assets/img.png"