在 Azure 上托管的 React 应用程序中，URL 不适用于刷新

Question

我刚刚注意到，在我的反应应用程序中，当用户刷新页面时，网址不起作用。奇怪的是，本地一切正常。我已经使用 create-react-app 创建了该应用程序。我正在阅读React-router url 在刷新或手动写入时不起作用，但由于构建过程是通过 github 操作自动运行的，因此不清楚如何解决这个问题。谁能建议一个快速的解决方案？

Answer 1

问题的答案可以fallbackroutes在此页面找到https://learn.microsoft.com/en-us/azure/static-web-apps/configuration。在 React 应用程序的根文件夹中添加staticwebapp.config.json以下内容并推送到 git：

{
  "navigationFallback": {
   "rewrite": "/index.html"
  }
}