React JS Admin Dashboard部署Hostinger后刷新页面出现页面丢失报错求助

这是单页应用（SPA）的典型路由问题：React的路由是前端处理的，首次打开页面时，浏览器请求根路径，服务器返回index.html，之后页面跳转由前端路由接管。但刷新时，浏览器会直接向服务器请求当前路径（比如/dashboard），Hostinger服务器找不到对应文件，就返回了404页面。

解决步骤 #

• 方法一：配置.htaccess（Hostinger默认用Apache服务器，优先用这个）
  在React项目的public目录下创建或修改.htaccess文件，添加以下规则：

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

  重新打包React项目，把build文件夹里的所有内容（包括.htaccess）上传到Hostinger的网站根目录（一般是public_html文件夹）。

• 补充配置注意
  打包前检查package.json里的homepage字段：

  • 部署在根域名就设为"homepage": "/"
  • 部署在子目录（比如https://你的域名/admin）就设为"homepage": "/admin"

内容的提问来源于stack exchange，提问作者shahin mahat