【问题标题】:React doesn't load page on reloadReact 在重新加载时不加载页面
【发布时间】:2019-05-17 14:35:06
【问题描述】:

我在这里发现了一个类似的问题,但我没有找到确切的解决方法。当您重新加载页面时,我网站上除 index.html 之外的所有页面都不会加载。从上一个问题中,我认为要在没有服务器的情况下解决问题,我需要使用 HashHistory 但我无法找到如何使用它的说明。在我的应用程序中做什么以及在我的导航中放置什么。 http://turbo-remont.com/ 我为朋友制作了这个网站,但我无法解决这个问题。请帮帮我。

【问题讨论】:

标签: reactjs react-router


【解决方案1】:

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

和例子:

您的站点基础是 http://turbo-remont.com,如果您导航到它,您的应用程序会加载并从那时起超越导航,因此如果您转到 http://turbo-remont.com/resource/1234,它不会发送新的获取请求,而是在内部更新状态并加载相关组件(如SPAsdo)。

当您重新加载页面时,实际上相当于导航到该页面,您的服务器会尝试查找名为“/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]

【讨论】:

  • 我没有服务器
  • 那么您从哪里提供文件?是反应脚本吗?您是否在某个地方托管它们?
猜你喜欢
  • 2021-06-22
  • 2018-05-02
  • 2014-01-08
  • 1970-01-01
  • 1970-01-01
  • 2021-09-08
  • 2014-10-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多