Изображения в react не отображаются

Я использую django и react для создания приложения. В папке react public есть несколько изображений, которые используются на различных страницах. Остальные изображения приходят из django. Оба изображения (изображения из react и django) отображались в браузере до тех пор, пока я не объединил react и django. объединил react и django и начал обслуживать страницу react index.html из django (используя react build folder в django). Сразу же после этого изображения в папке react public перестали отображаться в браузере. Единственные изображения, которые я вижу, это изображения из API.

settings.py

BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [
            os.path.join(BASE_DIR, 'frontend/build')
        ],
...


STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'media',),
    os.path.join(BASE_DIR, 'frontend/build/static'),
    ]
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media/')

urls.py

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', TemplateView.as_view(template_name='index.html')),
    path('api/blog/', include('blog.urls')),
    ...
]


urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

Можно ли что-нибудь сделать, чтобы изображения отображались?

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