django - 部署单独的 React 前端和 Django DRF API

Question

我有一个用 create-react-app 制作的 React 前端来部署它的生产版本，我只需执行 npm run build 。我的应用程序使用 Django Rest FrameWork API 后端。

如何设置应用程序以在单个服务器上部署。有没有一种方法可以存储 React 前端并在 Django 中路由到它，并使来自前端的请求到达 api/ View 或端点。

部署此类内容的最佳策略是什么，还是将前端和后端拼命托管在不同的服务器上更好？

基本上:如何将我的 React 前端构建合并到 Django DRF 中进行部署？

Answer 1

您可以使用 django 作为 React 应用程序的容器。在 React 项目根文件夹中运行“npm run build”。它将生成构建目录并捆绑所有 javascript 文件。将此构建文件夹放入 django 项目的根目录中。并在settings.py文件中进行以下更改:

STATICFILES_DIRS = (
    ...
     os.path.join(BASE_DIR, 'build/static'),
     os.path.join(BASE_DIR, 'build')
...
)

并在 urls.py 中输入如下条目:-

url(r'^$', mView.login, TemplateView.as_view(template_name = 'index.html'))

使用“axios”或 native fetch api 从 React 应用程序进行 api 调用。

此后，每当您点击 django 项目的 url 时，它都会被重定向到 React 应用程序。您可以使用 apache wsgi 托管它。对我来说效果很好。

以下链接可能有帮助: https://alphacoder.xyz/dead-simple-react-django-setup/