我有一个带有 React Router 的 React JS 应用程序。在开发过程中，npm start，我没有遇到任何问题。我像往常一样访问以下位置。
http://localhost:3000
并且由于路由代码，它变成
http://localhost:3000/index
并且应用程序加载得很好。在此刻，
- 我点击重新加载，应用程序继续运行良好。
- 我手动链接或加载“http://localhost:3000/index”，应用程序运行良好。
然后，稍后，我执行 npm 构建，进入此构建文件夹，再次执行相同的操作。该应用程序运行良好。我重新加载，它运行良好。到目前为止没有什么可抱怨的。
问题部分。
然后我决定将该应用程序部署到一个 azure Web 应用程序。该应用程序运行良好。我去这个网站。
https://randomstuffreactjsappsept24.azurewebsites.net
并且由于路由代码，它变成了
https://randomstuffreactjsappsept24.azurewebsites.net/index
而且，网站加载。
此时，如果我点击重新加载（问题！！），它会尝试重新加载，
https://randomstuffreactjsappsept24.azurewebsites.net/index
我收到以下错误。
The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.
现在，此时，如果我删除“/index”并加载原始网址，
https://randomstuffreactjsappsept24.azurewebsites.net
该网站加载得很好，没问题。请注意，您可以自己查看。这是一个现场直播。（但当然，由于路由代码，它变成了）
https://randomstuffreactjsappsept24.azurewebsites.net/index
现在，只要我不重新加载网站，网站就会继续运行。为什么会这样？
这是项目中 index.js 主页面的代码。
ReactDOM.render(
<BrowserRouter>
<Switch>
<Route path="/index" render={(props) => <Index {...props} />} />
<Redirect to="/index" />
</Switch>
</BrowserRouter>,
document.getElementById("root")
);
完整的应用程序可在此处获得 - https://github.com/Jay-study-nildana/RandomStuffReactJSApp
更新 2
我决定尝试另一个完全由另一个来源创建的 React 应用程序。再一次，同样的问题，我有一个现场展示。
- 我从网络应用程序中访问https://auth0tokenreactjsappprivatesept25.azurewebsites.net/external-api，它工作正常。如果此时我要重新加载，它将显示“您要查找的资源已被删除、名称已更改或暂时不可用。”
- 我从应用程序内部访问 http://localhost:3000/external-api，它工作正常。而且，如果我要重新加载，它加载就好了。
因此，它绝对“仅”在部署后发生。