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

时间:2018-02-19 04:39:05

标签: reactjs server static react-router react-redux

情况:

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

问题:

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

1 个答案:

答案 0 :(得分:0)

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

有几个可用的选项适用于React.js

  • React Static
  • 盖茨比
  • 下一个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