即使有正确的路径，图像破碎的HTML

Question

因此，在我的导航栏中，我尝试添加一个图标。然而，即使给出了正确的路径(用fuji.png显示)，图像也会给出404 (未找到)。

检查元素中的错误消息是：

获取http://127.0.0.1:8000/icons/fuji.png 404 (未找到)

这是否意味着它寻找的不是相对路径，而是URL路径？

navbar.html

<div class="topnav">
    <nav>

        <div class="logo-image">
            <img src="/icons/fuji.png" alt="Mt. Fuji"/>
        </div>

        {% with url_name=request.resolver_match.url_name %}
        <a class="{% if url_name == 'index' %}wob{% endif %}" href="{% url 'polls:index' %}">Homepage</a>
        <a class="{% if url_name == 'create' %}wob{% endif %}" href="{% url 'polls:create' %}">Create a Poll</a>
        {% endwith %}
    </nav>
</div>

*顺便说一句：：我得到了与/图标/fuji.pg和图标/fuji.png相同的响应。

这是我的目录(不是所有的，只显示必要的内容)：

​

​

有没有人知道为什么会发生这种情况，以及如何解决这个问题？图像甚至没有加载--它只是一个破碎的图像文件。

Answer 1

在尝试加载静态文件之前，需要在设置(如STATIC_URL = '/static/')中为它们设置一个文件夹。然后，您可以在那里创建icon文件夹，并使用链接访问那里的图像。完整的指南是这里。