Django: Изображения(MEDIA) не отображаются на сервере heroku

Я разработал сайт для эко-коммерции, используя фреймворк django. Все изображения загружаются через панель администратора. Локально сайт работает нормально. Но изображения не загружаются. Другие функции работают отлично. Я установил whitenoise и добавил его в set.py. Но он все еще не работает.

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.django.GzipManifestStaticFilesStorage'
MEDIA_URL = '/images/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'static/images')

Models.py

class Product(models.Model):
name = models.CharField(max_length=200)
price = models.DecimalField(max_digits=7, decimal_places=2)
digital = models.BooleanField(default=False,null=True,blank=True)
image = models.ImageField(null=True, blank=True)

urls.py

urlpatterns = [
path('admin/', admin.site.urls),
path('',include('store.urls')),
]
urlpatterns += static(settings.MEDIA_URL, document_root = settings.MEDIA_ROOT)

store.html

{% extends 'store/main.html' %}
{% load static %}
{% block content %}
<div class="row">
 {% for product in products %}
   <div class="col-lg-4">
       <img class="thumbnail" src="{{product.imageURL}}">
        <div class="box-element product">
        <h6><strong>{{product.name}}</strong></h6>
        <hr>

        <button data-product={{ product.id }} data-action="add" class="btn btn-outline-secondary add-btn update-cart">Add to Cart</button>
        <a class="btn btn-outline-success" href="#">View</a>
        <h4 style="display: inline-block; float:right;"><strong>${{product.price|floatformat:2}}</strong></h4>

    </div>
</div>
{% endfor %}

{% endblock content %}

Вернуться на верх