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

Question

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

现在，问题已经解决了开发阶段，并期待部署。 但我想在送达我的前端http://example.com和要在服务后端http://example.com/backend （后端担任我想要的）。 我该如何实现？ 我对这两个框架都很陌生。

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

Answer 1

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

将它们放入主题目录assets

然后在Ocotber CMS中使用URL /:url?创建页面/:url? 并将您的index.html内容粘贴到此处。 这将是您的root div， including js html，更改js路径，该路径指向您放置在主题目录中的build js。

现在，当有人来到站点时会发生什么-我们提供的内容与开发版本中的内容相同-具有根标记和所需js的index.html

现在，如果使用命中其他任何网址，例如https://www.example.com/test/etc它也会被/:url?捕获/:url? （以及所有其他请求）和首页投放，我们的react应用将根据需要运行。

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