Django Admin为何始终重定向至静态React应用？如何解决？

可能原因 #

虽然你把admin/路由放在了最前面，但re_path(r"^(?P<path>.*)$")的正则表达式会匹配所有路径，包括admin/相关请求。理论上Django会按顺序匹配路由，但实际场景中可能出现以下情况导致admin路由未被正确触发：

1. 访问不带斜杠的/admin时，Django默认重定向到/admin/，若重定向过程中路由匹配逻辑出现异常（比如特定Django版本的小问题），会直接触发后面的React兜底路由。
2. 若DEBUG=False且未正确配置admin静态文件服务，admin页面的静态资源请求会返回404，进而被React的兜底逻辑捕获，导致页面显示React首页。

解决办法 #

最直接有效的方式是让React路由避开admin路径，确保admin路由优先匹配：

方式1：修改URL正则表达式 #

在/my_django_project/urls.py中，给React路由添加负向预查规则，排除admin/开头的路径：

urlpatterns = [
    path('admin/', admin.site.urls),
    # 用负向预查跳过所有admin相关路径
    re_path(r"^(?!admin/)(?P<path>.*)$", my_django_app.views.serve_react, {"document_root": settings.REACT_APP_BUILD_PATH})
]

这个正则会让所有以admin/开头的请求优先匹配前面的admin路由，不会进入React的服务视图。

方式2：在视图中过滤admin请求 #

如果不想修改路由规则，可以在serve_react视图中先判断路径是否属于admin，若属于则返回404，让Django继续处理admin路由：

from django.views.static import serve as static_serve
from django.http import HttpResponseNotFound

def serve_react(request, path, document_root=None):
    # 拦截admin相关路径，交给Django原生路由处理
    if path.startswith('admin/') or path == 'admin':
        return HttpResponseNotFound()
    
    path = posixpath.normpath(path).lstrip("/")
    fullpath = pathlib.Path(safe_join(document_root, path))
    if fullpath.is_file():
        return static_serve(request, path, document_root)
    else:
        return static_serve(request, "index.html", document_root)

额外注意 #

如果你的DEBUG=False，必须配置静态文件服务（比如Whitenoise或Nginx）托管admin的静态资源，否则admin页面会出现样式丢失的问题。

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