如何使用reactjs在django url中的url中获取媒体图像

Question

settings.py 中的静态和媒体配置

STATIC_URL = '/static/'

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'frontend','build', 'static')
]

MEDIA_URL='/media/'

MEDIA_ROOT=os.path.join(BASE_DIR, 'media')

网址.py

from django.contrib import admin
from django.urls import path, include, re_path
from django.views.generic import TemplateView
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
    re_path('', TemplateView.as_view(template_name='index.html')),
] + static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)

在这里，我将 Django 与 reactjs 一起使用。

我已经在这样的反应应用程序中给出了构建文件夹的路径。

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'frontend','build')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

当我要去http://127.0.0.1:8000/media/images_OkG6q2k.jpeg路径以获取用户上传的侧媒体文件夹中的图像时，我正在获取反应路线页面。 我没有从媒体文件夹中获取图像。

我如何通过网址查看媒体照片。

项目结构

当我访问 url 时，react home 来了，而不是像这样的媒体图像

Answer 1

我想我刚刚用 Django 后端 + React 前端的一个项目克服了这个问题。 它在您的网址模式中。

据我了解，这种包罗万象的模式：

re_path('', TemplateView.as_view(template_name='index.html'))

本质上覆盖了您编写的媒体 url 模式（以及它下面的任何其他模式），这会阻止 Django 后端允许您访问媒体文件。 要解决此问题，只需确保所有路径是您模式中的最后一个。 完成其余模式后，在新行上执行以下操作：

urlpatterns += [re_path('', TemplateView.as_view(template_name='index.html'))]

这样，您将它添加到您的所有其他路径之后，它不会“阻止”任何其他路径。 希望这能解决它！