Question

我正在使用Http-server和AnglarJS。下面是文件夹结构。

在search.html我要显示abc.png。

我使用了img标记并执行了我通常使用HTML执行的操作：

<img  src="../img/abc.png"  >

现在我收到了一个错误：

GET http://localhost:8000/img/abc.png 404 (Not Found)

所以我宣布img标签是这样的：

<img  src="/website/img/abc.png"  />

效果很好。这让我很吃惊。

那么AngularJS如何显示图像？

Answer 1

具体无与AngularJS有关。

../位是相对路径。您可以通过查看浏览器的网络选项卡来反向设计基本路径，并查看它解析的完整路径（给出404）。

第二个示例中的/website位是而不是相对路径。它会尝试从应用程序的根目录开始查找文件。与上面相同的建议（查看网络选项卡）适用于逆向工程。它的作用。

要将第一个表单与相对路径一起使用，您可能需要多个../../../并再次进入子文件夹。无法告诉我们具体的路径应该是什么，这对您的环境来说是特别的。