React不会在重新加载时加载页面

Question

我在这里找到了类似的问题，但没有找到解决该问题的确切方法。重新加载页面时，除index.html之外，我网站上的所有页面均未加载。从上一个问题中，我认为要在没有服务器的情况下解决问题，我需要使用HashHistory，但是我找不到如何使用它的方法。在我的应用中该做什么以及在导航中该做什么。 http://turbo-remont.com/ 我为一个朋友创建了这个网站，但是我无法解决这个问题。请帮助我。

Answer 1

问题是您的服务器尝试获取资源而不加载主文件（index.htm），然后激活导航。

和示例：

您的网站库为http://turbo-remont.com，如果您导航至该站点，则将加载您的应用，从那时起，导航将超过导航，因此，如果您访问http://turbo-remont.com/resource/1234，它将不会发送新的获取请求但在内部更新状态并加载相关组件（如SPAs do）。

当您重新加载页面时（实际上等效于导航到该页面），您的服务器将尝试查找名为“ / resource / 1234”的html文件。为了解决这个问题，您需要指示服务器提供index.html，而不管其完整的URL。

我不知道您使用的服务器是什么，但这是一个解决问题的.htaccess文件的简单示例，将其放在您的根目录中。

RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.html [L]