Django-React 集成 Django 移植没有实现

Django-React integration Django port does not actualize

提问人:MrJonesBones 提问时间:11/4/2023 最后编辑:MrJonesBones 更新时间:11/4/2023 访问量:39

问:

当我在react_app中使用 npm start 时,我对 src/app 进行了更改.js在端口 3000 中更改并呈现,但是当我使用 python manage.py runserver 执行此操作时,我只看到默认的 react-app welcome,我该如何解决这个问题?

视图

from django.contrib import admin
from django.urls import path
from . import views

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', views.index, name='index')
]

这是我在我的 django 项目中react_app,这是应用程序.js

import "./App.css";

function App() {
  return (
    <div className="App">
      <p>Calendar App</p>
    </div>
  );
}

export default App;

使用 Python manage.py runserver:在此处输入图像描述

在 React 应用程序中使用 npm run:在此处输入图像描述

JavaScript ReactJS Django 移植

评论


答:

0赞 Chukwujiobi Canon 11/4/2023 #1

对于对初始化的项目所做的任何更改,运行以启动项目将为您处理热重载

当你使用 Django 运行代码时,情况就不再如此了。Django 将按原样为网站提供服务,因此您之后所做的任何更改都不会自动重新加载

然后,使用 Django 运行将如下所示:
create-react-appnpm start

  • 对代码进行更改
  • 重新编译代码(可以使用npm run build)
  • 重新启动你的 Django 服务器(你可以用python manage.py runserver)

假设你已经成功地将静态文件(用 ReactJS 编写)集成到 Django 中。

评论

0赞 MrJonesBones 11/5/2023
谢谢,兄弟,有什么方法可以更好地运行生产,你个人是怎么做到的?你每次做改变时都这样做吗?
0赞 Chukwujiobi Canon 11/5/2023
这正是我运行它的方式。我使用 rest API 和 websockets(当然使用 Django 通道)与后端通信。在我完成我的应用程序后,我使用 Django 构建和托管。
0赞 MrJonesBones 11/5/2023
Vite 或 websockets
0赞 Chukwujiobi Canon 11/5/2023
不,你误会了我。我通过 rest API 公开我的 Django 视图