reactjs - 如何在静态服务器上部署 React 应用程序

Question

我有一个使用 create-react-app 构建的反应应用程序。它使用 octoberCMS 作为后端，使用来自前端的 Axios 调用来获取数据。到目前为止，我正在开发将 react 的构建内容保存在 octoberCMS 安装根目录中名为“react”的目录中。因此，我点击的 URL 是http://example.com/react/。

问题是现在我完成了开发阶段并期待部署。但是我希望我的前端在http://example.com上提供服务，而后端在http://example.com/backend上提供服务（后端服务于我想要的）。我怎样才能做到这一点？我对这两个框架都很陌生。

我已尝试将构建内容与 octoberCMS 的其余部分一起保留

标签： reactjsoctobercms

Answer 1

首先构建您的反应应用程序，它将为您提供vendor.js[第三方脚本] 和您的app.js[您的实际应用程序]

将它们放入主题目录assets中

然后在 Octber CMS 中使用 URL 制作页面/:url?并将您的内容粘贴index.html到那里。它将是您的rootdiv 和including jshtml，更改js指向您放在主题目录中的构建 js 的路径。

现在当任何人来到站点时会发生什么 - 我们提供的内容与我们在开发构建中所做的相同 - 带有根标记和需要 js 的 index.html

现在，如果使用点击任何其他类似的 url https://www.example.com/test/etc，也将被/:url?（和所有其他请求）捕获并提供主页，我们的 react 应用程序将根据需要运行。

如果有任何问题，请发表评论。