连接 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 将所有本地数据替换为带有 http 请求的异步函数 您需要为此安装“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 立即连接和断开连接