reactjs - React 应用程序的生产构建的路由问题

Question

所以我正在尝试实时部署我的第一个 React 应用程序。这是我的投资组合网站。无论如何，除了我的路线外，一切都很好。在本地，一切正常。但是，现在我已经部署了网站，我的路线不起作用。当您单击任何链接时，它会说在服务器上找不到该 url，并引发 404 错误。

该应用程序由 namecheap 托管，他们说他们看不到任何问题。我只是不知道可能出了什么问题，因为这一切都可以在本地找到。

我的网站可以在 andrewschubert.website 找到，而 github 存储库可以在 https://github.com/theschubinator/my-portfolio找到如果有人知道我做错了什么，我将不胜感激！

顺便说一句，它是一个 React 应用程序。没有数据库或 API，只是严格的前端。唯一真正有效的链接是将您重定向到我的应用程序之外的区域......就像我在媒体上的博客一样。

Answer 1

我可以看到您一直在使用react-routerlib 进行路由。它基于HTML5 history API，并非所有主机都支持。如果您正在谈论您的投资组合网站，而您在哪里部署它并没有太多问题，请尝试一些不同的主机（例如，surge 非常适合部署静态网站：https ://surge.sh/ ）。

Answer 2

React 应用程序是单页的。React 中的路由意味着在用户请求不同的 url 时更改显示的组件。您将需要一个 api。在每个客户端请求中，您都会返回相同的“index.html”，它只会显示一个组件。通过在服务器中创建控制器，您可以将“/contact”映射到“index.html#contact”，并且您的 hashrouter 可以返回 ContactUs 组件。