react/vite 不在 gh 页面上路由

Question

我将我的应用程序部署到 gh 页面并且根目录有效，但是每当我重新路由或尝试添加到根目录时，我都会收到页面未找到错误。在本地有效。

我看到有人建议从

<BrowserRouter>

更改为

<HashRouter>

但这没有帮助。不确定我需要显示什么代码，但这是我的

main.jsx

和

App.jsx

文件：

function App() {
  return (
    <Router>
      <Header />
      <div className="app">
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/example" element={<Example />} />
        </Routes>
      </div>
    </Router>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

再次，这在本地有效，当部署到 gh 页面时，根或主页有效，但没有扩展路由。我在

create-react-app

上遇到了类似的问题，但是我得到的解决方案没有用，因为 vite/create-react-app 有不同的文件结构，或者至少看起来是这样。