React 应用子文件夹中的静态页面答案

【问题标题】：Static pages in the subfolders of React appReact 应用子文件夹中的静态页面
【发布时间】：2016-08-07 23:38:00
【问题描述】：

我想知道如何在我的服务器端渲染的 React 应用程序的子文件夹下实现静态页面。

目前，我有 my-app.com 托管我的服务器端渲染的 React 应用程序，blog.my-app.com 托管一个由静态页面提供支持的博客。

但我要将博客移动到根域的子文件夹：my-app.com/blog。我希望博客页面仍然基于静态文件。我可以采取什么方法？

【问题讨论】：

我认为这个问题更多是关于你的服务器环境，而不是反应。

【解决方案1】：

如果您使用 node 为应用程序提供服务，使用 express 之类的东西（如果您渲染 React 应用程序服务器端，我想您就是这样），那么您可以通过匹配 /blog 路由来使用服务器构建静态文件服务功能.这是 express 的文档：https://expressjs.com/en/starter/static-files.html、Hapi、Koa 和所有其他人都有类似的能力。如果您需要执行一些更复杂的文件匹配路径，那么您可以使用 node fs 来加载文件，因为字符串会响应这些字符串。

【讨论】：

有道理。基本上，使用 express 进行整页加载。您能想到任何这样做的真实产品示例（React 应用程序 + 同一域中的静态博客）吗？
我不知道像这样的静态 html 页面与 react 应用程序一起提供的示例，但我确信有人在这样做。只是出于好奇，这些静态博客页面是如何生成的？手动还是来自某些 CMS 或其他什么？
它们是使用名为 Hugo 的静态站点生成器生成的。
如果有人好奇，我在remotebase.io/blog 上实现了这个解决方案。此博客在主应用程序使用 React 时在静态文件上运行。