在静态服务器上使用 React Router 托管 React 应用程序

Question

情况：

• 我正在使用 React Router 构建一个 React 应用程序。
• 它是从 生成的create-react-app。
• 我需要静态托管它。
• 如果我先访问主页然后单击，一切都会正常。

问题：

• 当直接访问子页面（例如https://www.example.com/path/page服务器）时，会返回404错误，因为/path/page不是服务器上的有效目录。
• 据我所知，服务器只是静态地提供文件，我无法更改服务器的编写方式（我知道我可以通过使用一些服务器代码路由所有对React应用程序的访问来解决这个问题，但这是不是一个选项）。
• 如何仅通过更改反应应用程序中的代码来使所有网址可直接访问？

Answer 1

经过一番研究，我发现我需要的是一个静态站点生成器。

有几个选项可与 React.js 配合使用

• 反应静态
• 盖茨比
• 下一个JS

有关入门的一些有用文章：

对于盖茨比：https://medium.com/codingthesmartway-com-blog/gatsby-static-site-generator-for-react-introduction-b9fce7df6b24

对于 React Static：https://medium.com/@tannerlinsley/%EF%B8%8F-introducing-react-static-a-progressive-static-site-framework-for-react-3470d2a51ebc