Django 3.2.8 DetailView URL带尾斜杠时无法加载base.html静态资源

你遇到的现象是**base.html中静态资源使用了相对路径引用，未通过Django官方提供的{% static %}模板标签生成绝对路径**导致的，路径解析差异来自浏览器对带/和不带/的URL的层级判断：

• 当路由不带尾部斜杠时，访问URL为/[pk]/detail，浏览器会将该URL识别为文件路径，上级路径为站点根路径/，此时相对路径static/xxx会被拼接为/static/xxx，和你配置的STATIC_URL = '/static/'匹配，静态资源正常加载。
• 当路由带尾部斜杠时，访问URL为/[pk]/detail/，浏览器会将该URL识别为目录路径，上级路径为/[pk]/detail/，此时相对路径static/xxx会被拼接为/[pk]/detail/static/xxx，该路径无对应静态资源，因此加载失败，页面无样式。

1. 找到partials/base.html中所有静态资源（CSS、JS、图片等）的引用代码，全部替换为{% static %}标签生成的绝对路径，示例如下：

<!-- 错误的相对路径写法 -->
<link rel="stylesheet" href="static/css/common.css">
<script src="static/js/jquery.min.js"></script>

<!-- 正确的static标签写法 -->
{% load static %}
<link rel="stylesheet" href="{% static 'css/common.css' %}">
<script src="{% static 'js/jquery.min.js' %}"></script>

2. 可保持Django默认开启的APPEND_SLASH配置，统一路由尾部斜杠规范，避免后续出现同类路径解析问题。

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