我目前正在尝试将 Django 设置为后端,并使用 React(使用 Vite)作为前端,我遇到了一些关于让它们顺利协同工作的最佳方法的问题。
有人做过这件事并可以分享一些建议吗?具体来说:
将 Django 后端连接到 React 前端最有效的方法是什么?我应该专注于 Django REST 框架来处理数据,还是有其他效果好的方法?
您通常如何处理 Django 和 React 之间的用户身份验证,特别是涉及社交身份验证时?
您是否有推荐的任何好的教程、文章或视频来正确完成整个设置,包括管理序列化、数据流和开发环境?
非常感谢您分享的任何帮助或指示!
设置 Django 后端 首先,确保您的 Django 后端已设置并正在运行。
使用 Vite 设置 React 前端 接下来,使用 Vite 创建你的 React 前端
在 Django 中启用 CORS 为了允许你的 React 前端与 Django 后端进行通信,你需要启用跨域资源共享 (CORS)。您可以使用 django-cors-headers 包:
pip 安装 django-cors-headers
然后,将其添加到您的settings.py中:
蟒蛇 已安装的应用程序 = [ ... 'corsheaders', ... ]
中间件 = [ ... 'corsheaders.middleware.CorsMiddleware', ... ]
CORS_ALLOW_ALL_ORIGINS = True # 仅用于开发。在生产中使用白名单。
在 Django 中创建 API 端点 设置 Django REST 框架以创建 React 应用程序可以使用的 API 端点。您可以按照 Django REST 框架文档进行操作。
在 React 中从 Django API 获取数据 在您的 React 应用程序中,使用 fetch API 或 Axios 等库从 Django 后端获取数据
构建和部署 当您准备好部署时,使用 Vite 构建您的 React 应用程序
将 React-Vite 与 Django 集成。 https://www.youtube.com/watch?v=NJVaySJAbw0&form=MG0AV3
Django React 与 Vite 集成 -https://gist.github.com/sudarshan24-byte/ded3236d38b15787729de86c6cb420e3?form=MG0AV3