React 网站刷新显示找不到页面

Question

我构建了一个 React 网站并托管在 Hosting er 中。当我访问网站并打开另一个页面并刷新时，它显示“哎呀，看起来页面丢失了。”我将如何解决这个错误？这是 React 中的路由问题吗？

我需要功能齐全的网站，就像我在系统中运行时一样。但托管后页面无法正常工作。

Answer 1

网站显示

404

的原因是因为在react中所有路由都会转到index.html来渲染组件。但在标准托管中，它将在路由目录中查找 React 应用程序中不存在的 HTML 文件。因此，我们配置托管服务以将所有请求重定向到根目录

index.html

。

就您而言，自从您在 Hostinger 上托管以来，您可以使用以下指南来更新您的

.htaccess

。

Hostinger 的官方指南：

https://www.hostinger.in/tutorials/what-is-react#How_to_Deploy_a_React_Application_on_Hostinger

Answer 2

我正在使用 Hostinger Share 服务器，我在其中创建了一个

.htaccess

文件并添加了此 >

Options -MultiViews
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L] 

处理我的所有路由并停止显示常见错误。