如何在静态服务器上部署 React 应用程序
How to deploy a react application on a static server
我有一个使用 create-react-app 构建的 React 应用程序。它使用 octoberCMS 作为后端，使用来自前端的 Axios 调用获取数据。到目前为止，我一直在开发将 react 的构建内容保存在 octoberCMS 安装根目录中名为 'react' 的目录中。因此我打的 URL 是 http://example.com/react/.
问题是现在我已经完成了开发阶段并期待部署。但我希望我的前端在 http://example.com and backend to be served at http://example.com/backend 提供服务（后端按我的意愿提供）。我怎样才能做到这一点？我对这两个框架都很陌生。
我尝试将构建内容与 octoberCMS 的其余部分一起保存
首先构建您的 React 应用程序，它将为您提供 vendor.js[第三方脚本] 和您的 app.js[您的实际应用程序]
将它们放入主题目录assets something
然后在 Ocotber CMS 中使用 URL /:url? 创建页面并将您的 index.html 内容粘贴到那里。
它将是你的 root div 和 including js html，更改 js 的路径，它指向你放在主题目录中的构建 js。
现在当有人来到现场时会发生什么
- 我们提供与开发版本中相同的内容
- index.html 带有根标签和需要的 js
现在，如果使用点击任何其他 url，例如 https://www.example.com/test/etc，它也会被 /:url?（以及所有其他请求）捕获，并且提供主页，我们的 React 应用程序将作为我们需要。
如有任何问题请评论。
我有一个使用 create-react-app 构建的 React 应用程序。它使用 octoberCMS 作为后端，使用来自前端的 Axios 调用获取数据。到目前为止，我一直在开发将 react 的构建内容保存在 octoberCMS 安装根目录中名为 'react' 的目录中。因此我打的 URL 是 http://example.com/react/.
问题是现在我已经完成了开发阶段并期待部署。但我希望我的前端在 http://example.com and backend to be served at http://example.com/backend 提供服务（后端按我的意愿提供）。我怎样才能做到这一点？我对这两个框架都很陌生。
我尝试将构建内容与 octoberCMS 的其余部分一起保存
首先构建您的 React 应用程序，它将为您提供 vendor.js[第三方脚本] 和您的 app.js[您的实际应用程序]
将它们放入主题目录assets something
然后在 Ocotber CMS 中使用 URL /:url? 创建页面并将您的 index.html 内容粘贴到那里。
它将是你的 root div 和 including js html，更改 js 的路径，它指向你放在主题目录中的构建 js。
现在当有人来到现场时会发生什么 - 我们提供与开发版本中相同的内容 - index.html 带有根标签和需要的 js
现在，如果使用点击任何其他 url，例如 https://www.example.com/test/etc，它也会被 /:url?（以及所有其他请求）捕获，并且提供主页，我们的 React 应用程序将作为我们需要。
如有任何问题请评论。