React前端与Django后端通信故障求助（附配置代码）

接手的毕业设计Web应用采用React前端、Django后端、SQLite数据库，原开发者称项目已完成无错，但目前无法联系到对方。当前出现以下问题：

• 首页可正常加载，但无法跳转到其他页面，刷新后仍回到首页
• 登录操作始终提示“无效邮箱或密码”
• 点击注册提交后页面直接刷新并返回首页

已执行的排查与操作流程 #

• 排查过CORS配置、生产构建流程、urls.py路由配置
• 操作步骤：执行npm run build构建前端，将build文件夹复制到后端根目录；同时启动前端服务（npm start）和后端服务（py manage.py runserver），两者均无编译错误；前端首页可正常打开，后端localhost/admin及其他Django原生页面功能正常，但前端核心功能异常
• 项目需在2天内提交，已尝试ChatGPT但未解决问题

相关代码片段 #

settings.py 关键配置 #

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'rest_framework_simplejwt',
    'api',
    'rest_framework',
    'djoser',
    'corsheaders',
    'backend',
    'rest_framework_simplejwt.token_blacklist',
]

CORS_ALLOWED_ORIGINS = [
    'http://localhost:3000',
    'http://localhost:8000',
    'http://127.0.0.1:8000',
    'http://localhost:8080',
    'http://127.0.0.1:3000',
    'https://fakenewsdetectionteam.herokuapp.com',
]

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': BASE_DIR / 'db.sqlite3',
    }
}

STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'build/static')
]
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
DOMAIN = ('localhost:3000/#')

urls.py 路由配置 #

urlpatterns = [
    path('admin/', admin.site.urls),
    path('auth/', include('djoser.urls')),
    path('auth/', include('djoser.urls.jwt')),
    path('auth/', include('djoser.social.urls')),
    path('news/',views.Postdata.as_view()),
    path('news/<int:id>',views.Postdata.as_view()),
    path('list',views.get_trends.as_view()),
    path('profile',views.get_profile.as_view()),
    path('postprofile',views.ProfileViewSet.as_view()),
]

urlpatterns += static(settings.MEDIA_URL,document_root=settings.MEDIA_ROOT)
urlpatterns += [re_path(r'^.*', TemplateView.as_view(template_name='index.html'))]

补充信息 #

• 后端代码仓库：BackEnd
• 前端代码仓库：FrontEnd

内容的提问来源于stack exchange，提问作者Daniyal