配置：django + react

最新推荐文章于 2024-06-06 18:30:20 发布

Zih_An

最新推荐文章于 2024-06-06 18:30:20 发布

阅读量1.4k

点赞数 3

分类专栏： [Fullstack] 配置文章标签： django react.js python

本文链接：https://blog.youkuaiyun.com/HANZY72/article/details/121196236

版权

[Fullstack] 配置专栏收录该内容

13 篇文章

订阅专栏

本文介绍了如何将React应用与Django项目结合，通过npx create-react-app创建React应用，然后将其放入Django项目的目录中。使用npm run build打包React应用，并在Django的settings.py中配置静态文件路径。在urls.py中添加路由指向index.html，完成前后端分离的配置。当React代码更新时，需要重新运行npm run build，而Django部分则遵循MVT模式进行开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用脚手架的连接步骤

react：npx create-react-app reactapp
django：django-admin startproject djangoproject
把reactapp目录放入djangoproject目录中
reactapp目录下：npm run build

连接django的 templates 和react的 build/index.html

settings.py 设置template项并在文件末尾加入STATICFILES_DIRS:

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

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

urls.py

from django.contrib import admin
from django.urls import path
from django.views.generic import TemplateView  ##

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', TemplateView.as_view(template_name='index.html')),   ##新加的
]