Django + React(Vite)

问题描述 投票:0回答:1

我目前正在尝试将 Django 设置为后端,并使用 React(使用 Vite)作为前端,我遇到了一些关于让它们顺利协同工作的最佳方法的问题。

有人做过这件事并可以分享一些建议吗?具体来说:

  1. 将 Django 后端连接到 React 前端最有效的方法是什么?我应该专注于 Django REST 框架来处理数据,还是有其他效果好的方法?

  2. 您通常如何处理 Django 和 React 之间的用户身份验证,特别是涉及社交身份验证时?

  3. 您是否有推荐的任何好的教程、文章或视频来正确完成整个设置,包括管理序列化、数据流和开发环境?

非常感谢您分享的任何帮助或指示!

reactjs django
1个回答
0
投票
  1. 设置 Django 后端 首先,确保您的 Django 后端已设置并正在运行。

  2. 使用 Vite 设置 React 前端 接下来,使用 Vite 创建你的 React 前端

  3. 在 Django 中启用 CORS 为了允许你的 React 前端与 Django 后端进行通信,你需要启用跨域资源共享 (CORS)。您可以使用 django-cors-headers 包:

pip 安装 django-cors-headers

然后,将其添加到您的settings.py中:

蟒蛇 已安装的应用程序 = [ ... 'corsheaders', ... ]

中间件 = [ ... 'corsheaders.middleware.CorsMiddleware', ... ]

CORS_ALLOW_ALL_ORIGINS = True # 仅用于开发。在生产中使用白名单。

  1. 在 Django 中创建 API 端点 设置 Django REST 框架以创建 React 应用程序可以使用的 API 端点。您可以按照 Django REST 框架文档进行操作。

  2. 在 React 中从 Django API 获取数据 在您的 React 应用程序中,使用 fetch API 或 Axios 等库从 Django 后端获取数据

  3. 构建和部署 当您准备好部署时,使用 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

© www.soinside.com 2019 - 2024. All rights reserved.