Django静态文件加载异常：Favicon无法显示但目录访问可见

问题根源分析 #

从错误日志"GET /static/favicon.ico%7D HTTP/1.1" 404 1911和你的代码、目录结构来看，存在两个核心问题：

• 模板标签语法错误，导致渲染后的URL格式异常
• 静态文件名与代码中的引用不匹配，触发404错误

具体修复步骤 #

1. 修正模板标签语法与文件名匹配 #

打开f1trackerapp/templates/main.html，修改favicon的引用代码：

<link rel="shortcut icon" href="{% static "favicon.ico.png" %}" type="image/png">

• 移除原代码中多余的闭合大括号}（原代码为{% static "favicon.ico" %}}，多了一个}）
• 将引用的文件名改为实际存在的favicon.ico.png（你的静态目录中是这个文件名，而非favicon.ico）

2. 移除冗余的URL路由（可选） #

在DEBUG模式下，Django的staticfiles应用已能自动处理静态文件请求，你在urls.py中添加的favicon.ico重定向路由是多余的，可直接删除该行：

path('favicon.ico', RedirectView.as_view(url=staticfiles_storage.url('favicon.ico')))

如果选择保留该路由，需将其中的文件名同步改为favicon.ico.png以匹配实际文件。

3. 验证静态文件基础配置 #

确认settings.py中的以下配置无误（当前配置已符合要求）：

INSTALLED_APPS = [
    # ...
    'django.contrib.staticfiles',
    # ...
]
STATIC_URL = 'static/'
STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]

4. 重启服务并清除缓存 #

修改代码后，重启Django开发服务器，同时清除浏览器缓存（快捷键Ctrl+Shift+R/Cmd+Shift+R），避免浏览器加载旧的缓存资源。

后续注意事项 #

• 添加JS等其他静态资源时，确保文件名与模板中的引用完全一致，避免重复出现文件名不匹配问题
• 生产环境关闭DEBUG模式后，需执行python manage.py collectstatic命令收集所有静态文件到STATIC_ROOT目录，并配置Web服务器（如Nginx）处理静态文件请求

内容的提问来源于stack exchange，提问作者bigheroy22