React路由器在本地主机上运行良好，但在netlify上没有正确重定向我

Question

我的应用程序在http://localhost:3000/上运行良好，但当我尝试在Netlify(https://famous-swan-6a778d.netlify.app/(上运行它时，主页加载正确，但当我们尝试转到其他页面时，它显示Page Not Found错误。

我的路由设置为：

import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
import Dashboard from "./components/Dashboard";
import EncryptedMessage from "./components/EncryptedMessage";
import NotFound from "./components/NotFound";
import Navbar from "./components/Navbar";
function App() {
return (
<Router>
<Navbar />
<Routes>
<Route path="/" element={<Dashboard />}></Route>
<Route
path="/messages/:uniqueId"
element={<EncryptedMessage />}
></Route>
<Route path="*" element={<NotFound />}></Route>
</Routes>
</Router>
);
}
export default App;

/运行良好，但当我尝试说https://famous-swan-6a778d.netlify.app/messages/123/时，它会抛出一个错误，但如果我转到http://localhost:3000/messages/123/，它运行良好。

我该如何解决这个问题？

Answer 1

为了防止来自netlify应用程序的PAGE NOT FOUND错误：-

在public中创建一个名为_redirects的文件。在里面写一行代码👇

/*    /index.html    200

Answer 2

原来是严格模式导致了这个问题。您可以在index.js文件中禁用它。