React应用部署Zoho Catalyst后刷新路由/app/path1出现404错误求助

这是**单页应用（SPA）**的典型问题：React使用的是前端路由，首次加载时浏览器请求根路径，Catalyst返回index.html，后续路由切换由前端JS处理；但刷新页面时，浏览器会直接向服务器请求/app/path1，而Catalyst的Web Client Hosting默认找不到对应物理文件，因此返回404错误。

解决步骤 #

• 配置Catalyst重写规则，让所有路由请求都指向index.html
  1. 在React项目的public目录下创建catalyst.json文件
  2. 在文件中添加如下配置：

     {
       "rewrites": [
         {
           "source": "**",
           "destination": "/index.html"
         }
       ]
     }
     

  3. 重新运行部署命令：catalyst deploy
• 若无需美观的URL格式，也可将React路由改为HashRouter，这样路由会以#开头，刷新时不会触发服务器请求，自然不会出现404，但URL会带有#后缀。

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