图像未加载但路径正确

Question

以下是我的文件结构。

我在Move.jsx文件中，我有这行代码：

<img src="../images/attack.png" />

在本地运行，我相信这应该可以工作并显示图像但是当页面加载时没有显示图像而是显示损坏的图像符号。

Chrome控制台输出有此错误

GET http://localhost:4000/images/attack.png 404 (Not Found)

Answer 1

您将要使用static_path/2辅助函数。你应该可以使用

<img src="<$= static_path(@conn, "/images/attack.png") %>" />

您可以查看templates/layout/app.html.eex，它应该与您的css和javascript文件类似。

Answer 2

原来我必须手动将我的图像从/ static / images复制到/ priv / static / images由于某种原因它不会自动将它复制过来。

感谢所有人的帮助！