首页 > 解决方案 > 即使路径正确,图像也会损坏 HTML

问题描述

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

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

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

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

导航栏.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>

*顺便说一句:: 我对 /icons/fuji.pg 和 icons/fuji.png 得到了相同的响应。

这是我的目录(不是所有的,只显示必要的):

文件目录

有谁知道为什么会发生这种情况以及如何解决这个问题?图像甚至没有加载——它只是一个损坏的图像文件。

标签: pythondjango

解决方案


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


推荐阅读