Django React - 无法从静态文件夹加载静态文件答案

【问题标题】：Django React - cannot load static files from static folderDjango React - 无法从静态文件夹加载静态文件
【发布时间】：2021-04-20 11:24:06
【问题描述】：

我正在尝试部署 Django-React 应用程序，但如果我尝试在 127.0.0.1:8000 上连接，它只会加载标题标签，然后页面为空白。在控制台中，我可以看到它无法加载 GET http://127.0.0.1:8000/static/css/main.4f7faf6a.chunk.css net::ERR_ABORTED 404 (Not Found) 和所有其他文件，我不知道为什么。文件夹结构：

backend:
   app
frontend

settings.py中的相关代码：

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

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

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

在模板中我有：

'DIRS': [
        os.path.join(BASE_DIR, 'build')
    ],

urls.py:

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

if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

首先我构建npm run build 并将构建复制到后端文件夹中。然后我运行python manage.py collectstatic 和runserver。它只加载标题标签和空白页..知道有什么问题吗？

【问题讨论】：

标签： reactjs django deployment static

【解决方案1】：

我发现了问题。我的静态文件夹路径错误。我改变了：

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

到这里：

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

【讨论】：