Django框架下product.html模板静态图片加载404问题求助

问题原因 #

从终端日志可以看到，异常的图片请求路径为/Product/static/images/product-1.jpeg，而正常加载的favicon路径为/static/images/favicon.ico，二者差异来自img标签的路径写法问题：你已经在模板头部加载了static模板标签，但product图片的src属性没有使用{% static %}语法，直接填写了相对路径static/images/product-1.jpeg，浏览器会自动在当前页面路径/Product/后拼接该相对路径，导致请求地址错误触发404。

解决方法 #

修改product.html中的img标签代码，和favicon的写法保持一致，用static模板标签渲染路径：
将原有代码

<img src="static/images/product-1.jpeg" alt="Product 1"/>

替换为：

<img src="{% static 'images/product-1.jpeg' %}" alt="Product 1"/>

修改后刷新页面即可正常加载图片。

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