Django <img> 不工作，但可以通过 url 访问静态文件

Question

我正在尝试将图像放入 html 代码中，使用：

<img scr="{% static "degustos/empanadas.jpg" %}" class="card-img-top" alt="Empanadas Ilustrativas"/>

但是图片没有显示。 另一方面，我可以访问 http://localhost:8000/static/degustos/empanadas.jpg

的图像

我的settings.py:

 MIDDLEWARE = [                                                                                                                                                                                                       
     'django.middleware.security.SecurityMiddleware',                                                                                                                                                                 
     'whitenoise.middleware.WhiteNoiseMiddleware',                                                                                                                                                                    
     'django.contrib.sessions.middleware.SessionMiddleware',                                                                                                                                                          
     'django.middleware.common.CommonMiddleware',                                                                                                                                                                     
     'django.middleware.csrf.CsrfViewMiddleware',                                                                                                                                                                     
     'django.contrib.auth.middleware.AuthenticationMiddleware',                                                                                                                                                       
     'django.contrib.messages.middleware.MessageMiddleware',                                                                                                                                                          
     'django.middleware.clickjacking.XFrameOptionsMiddleware',                                                                                                                                                        
  ]       


STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')                                                                                                                                                                  
STATIC_URL = '/static/'                                                                                                                                                                                              

STATICFILES_DIRS = [os.path.join(BASE_DIR, "static")]                                                                                                                                                                

STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'

它部署在 Heroku 中。 谢谢！

Answer 1

你会踢自己的。你有 scr= 而不是 src=.

Answer 2

请尝试以下

<img src="{% static "degustos/empanadas.jpg" %}" class="card-img-top" alt="Empanadas Ilustrativas"/>