Django图片加载404错误求助：STATICFILES_DIRS路径不存在

核心问题分析 #

你当前的问题源于混淆了static静态资源和media媒体资源的用法，同时开发环境下未正确配置media的URL路由，另外STATICFILES_DIRS指定的目录可能不存在。

分步解决方案 #

1. 先解决STATICFILES_DIRS路径不存在的问题 #

检查项目结构：

• PROJECT_ROOT是settings.py所在的目录（例如你的项目名为myproject，对应路径就是myproject/myproject/）
• 确认该目录下是否存在static文件夹，若不存在则手动创建：mkdir 项目根目录/项目名/static

2. 根据图片类型选择正确的引用方式 #

情况A：图片是项目自带的静态资源（非用户上传）

• 将logo2.jpeg放到static目录下，建议分类存放，比如创建static/images子目录，把图片移入其中
• 修改HTML模板中的引用代码：

  <img src="{% static 'images/logo2.jpeg' %}" alt="photo" height="100" width="500">
  

情况B：图片是用户上传的媒体文件

• 确保logo2.jpeg存放在BASE_DIR/media/目录下（即项目根目录的media文件夹内）
• 在项目的urls.py中添加media路由配置：

  from django.conf import settings
  from django.conf.urls.static import static
  
  urlpatterns = [
      # 你的现有路由配置，比如 path('admin/', admin.site.urls),
  ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
  

• 修改HTML模板中的引用，改用MEDIA_URL：

  <img src="{{ MEDIA_URL }}logo2.jpeg" alt="photo" height="100" width="500">
  

  补充：若模板无法识别MEDIA_URL，需在settings.py的TEMPLATES配置中添加对应处理器：

  TEMPLATES = [
      {
          # 其他已有配置
          'OPTIONS': {
              'context_processors': [
                  # 其他已有处理器
                  'django.template.context_processors.media',
              ],
          },
      },
  ]
  

3. 验证配置 #

• 重启Django开发服务器
• 访问页面，检查图片加载状态；若仍为404，查看浏览器控制台的请求URL，确认路径与实际文件路径是否匹配

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