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

Question

我刚刚注意到，在我的 React 应用程序中，当用户刷新页面时，网址不起作用。奇怪的是，本地一切正常。我已经使用 create-react-app 创建了该应用程序。我正在读React-router urls don't work when refreshing or writing manually但由于构建过程是通过 github actions 自动运行的，因此尚不清楚如何解决这个问题。谁能提出一个快速解决方案？

Answer 1

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

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