Django-React 集成 Django 端口未实现

Question

当我在react_app中使用npm start时，我对src/app.js进行了更改，在端口3000中进行了更改并渲染，但是当我使用python manage.py runserver执行此操作时，我只看到默认的react-app欢迎我怎么办解决这个问题吗？

观点

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，这里是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：

Answer 1

对于使用

create-react-app

初始化的项目所做的任何更改，运行

npm start

启动项目将为您处理

hot-reloading

。

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

使用 Django 运行将如下所示：

• 更改您的代码
• 重新编译您的代码（您可以使用

  npm run build

  来完成此操作）
• 重新启动您的 Django 服务器（您可以使用

  python manage.py runserver

  来执行此操作）

假设您已成功将静态文件（用 ReactJS 编写）集成到 Django 中。