连接 Django 和 React

Posted

技术标签:

【中文标题】连接 Django 和 React【英文标题】:Connect Django and React 【发布时间】:2021-12-05 02:34:14 【问题描述】:

我有一个用虚拟数据构建的 react 应用程序。此数据是应通过向我的服务器发出请求来访问的数据。我的 React 应用程序现在没有连接到任何东西我必须分开文件夹

    包含我的 react 应用程序的文件夹 我的 Django 应用程序文件夹

我的 Django 应用程序已构建 - 具有 CRUD 功能的小型应用程序。

我想将我的 React 应用程序与我的 Django 应用程序集成,以便它们一起工作。这样做的最佳方法是什么。

【问题讨论】:

这能回答你的问题吗? How to get Django and ReactJS to work together? 【参考方案1】:

你需要:

在 Django 中:

将您的 django 项目转换为 django rest 框架项目 现在您已经有了一个带有 URL 的 API 安装 corsheaders 以允许与前端通信

在反应中:

使用之前的 django API url 将所有本地数据替换为带有 h​​ttp 请求的异步函数 您需要为此安装“Axios”,这是最佳选择或坚持使用“fetch” 使用数据

所有这些都只是大标题,您需要深入研究

hers 是一个非常友好的 Todo 项目,使用 Django/React,

https://github.com/Abdelazizkb/react-hooks-django-todo

【讨论】:

真的要转成rest框架吗。我有一个按照https://www.saaspegasus.com/guides/modern-javascript-for-django-developers/client-server-architectures/ 的指导方针构建的项目,但是虽然它适用于我的应用程序,但我是按照这些指导方针构建的,但我无法让它完全适用于我的应用程序。不确定您是否知道这是否真的可行? 嗨迈克尔 - 我是该系列的作者。这当然是可行的。如果您有任何具体问题,请随时与我们联系!我的电子邮件是 saaspegasus dot com 的 cory 谢谢科里 - 我接受了你的提议。

以上是关于连接 Django 和 React的主要内容,如果未能解决你的问题,请参考以下文章

如何最好地为预订应用程序创建连接?

Django 通道 websocket 连接和断开连接(Nginx + Daphne + Django + Channels)

Django Channels Websockets 立即连接和断开连接

DBUtils实现django连接池

elastichead 未与 elasticsearch docker 容器连接

django 和 mysql 啥是“最大连接数”?