Django 4.0.5 模板加载静态文件STATIC_URL配置404问题咨询

核心逻辑：URL路径的解析规则差异 #

浏览器对绝对路径、相对路径的解析逻辑完全不同，STATIC_URL有没有前导斜杠，直接决定了{% static %}模板标签生成的资源地址类型：

• 配置为STATIC_URL = 'static/'（无前导斜杠）时，模板标签生成的是相对路径，最终渲染出的css引用地址为static/newyear/styles.css。这种地址不会固定从站点根目录发起请求，浏览器会把它拼接到当前页面所在的路径层级下：比如你访问newyear应用的页面地址是/newyear/，浏览器最终会请求/newyear/static/newyear/styles.css，这个路径根本不在Django静态文件的匹配规则里，自然返回404。
• 配置为STATIC_URL = '/static/'（带前导斜杠）时，模板标签生成的是站点根级绝对路径，最终渲染出的引用地址为/static/newyear/styles.css。不管当前页面处于多深的路由层级，浏览器都会直接从域名根目录发起请求，刚好匹配Django开发环境默认注册的静态文件路由，资源就能正常加载。

关于配置规范与默认值的说明 #

• 带前导斜杠的/static/是Django静态文件配置的通用标准写法。生产、开发环境统一用根绝对路径配置STATIC_URL，可以彻底避免多级路由下相对路径拼接错误导致的静态资源404问题，不存在兼容性问题。
• 执行startproject生成的配置默认不带前导斜杠，属于特定Django版本的模板bug，并非官方推荐的设计。Django 3.2末期到4.0早期的版本中，项目初始化模板曾错误移除了STATIC_URL的前导斜杠，该问题在后续小版本更新中已经修复，重新初始化的项目会默认生成带前导斜杠的正确配置。CS50W课程示例使用的是修正后的正确配置，因此不会触发该404问题。

验证方式：打开浏览器开发者工具的网络面板，对比两种配置下styles.css的请求路径，就能直观看到相对路径错误拼接、绝对路径正常请求的差异，问题和模板写法、静态文件目录结构无关。

内容的提问来源于stack exchange，提问作者Fernando Velasco Borea