Django不同URL路径下logo与favicon静态资源加载异常问题

你在HTML中使用了相对路径引用静态资源，浏览器解析相对路径时会以当前访问的页面URL为基准拼接资源地址，不同路由层级下拼接结果完全不同：

• 访问根路由/（home页）时，static/logo.png会被拼接为/static/logo.png，刚好匹配Django默认的静态资源访问路径，因此资源加载正常。
• 访问/Tools/路由时，相对路径会被拼接为/Tools/static/logo.png，这个地址既没有对应业务路由，也不在Django静态资源的查找范围内，所以logo和favicon全部加载失败。

两种可行方案，优先选第二种符合Django开发规范：

1. 快速修复：把静态资源路径改为站点根目录开头的绝对路径，所有页面都会从根目录找静态资源，不会受当前路由层级影响

<link rel="icon" type="image/x-icon" href="/static/logo.png">
<img class="img" width="270px" src="/static/logo.svg">

2. 规范写法：使用Django内置的static模板标签生成路径，后续如果修改全局静态资源前缀，不需要逐个改模板里的硬编码地址
   • 先在模板文件最顶部加载static标签：{% load static %}
   • 把原来的硬编码路径替换为模板标签写法：

<link rel="icon" type="image/x-icon" href="{% static 'logo.png' %}">
<img class="img" width="270px" src="{% static 'logo.svg' %}">

补充说明：开发环境下要确保settings.py中DEBUG = True，且django.contrib.staticfiles已加入INSTALLED_APPS列表，Django才会自动响应静态资源请求；生产环境需要额外配置静态资源的托管规则，不要依赖Django本身处理静态资源。

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