提问人:MrJonesBones 提问时间:11/4/2023 最后编辑:MrJonesBones 更新时间:11/4/2023 访问量:39
Django-React 集成 Django 移植没有实现
Django-React integration Django port does not actualize
问:
当我在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:在此处输入图像描述
答:
0赞
Chukwujiobi Canon
11/4/2023
#1
对于对初始化的项目所做的任何更改,运行以启动项目将为您处理热重载
。
当你使用 Django 运行代码时,情况就不再如此了。Django 将按原样为网站提供服务,因此您之后所做的任何更改都不会自动重新加载。
然后,使用 Django 运行将如下所示:create-react-app
npm 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 视图
评论