刷新非登陆页面时出现404错误（react应用程序部署在gh页面上）

Question

我在 github 页面上部署了一个 React 应用程序，一切正常，直到我刷新一个不是登陆页面的页面。我收到 404 错误。有谁知道是什么原因造成的？如果重要的话，我将包含我的 index.js 和 app.js 中的主要代码。非常感谢任何帮助。

index.js

ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter basename={process.env.PUBLIC_URL}>
      <Link to="/Personal-website-portfolio"/>
      <App />
    </BrowserRouter>
    ,
  </React.StrictMode>,
  document.getElementById('root')
)

App.js

<Routes>
        <Route path="/" element={<Layout />} >
          <Route index element={<Home />} />
          <Route path="about" element={<About />} />
          <Route path="contact" element={<Contact />} />
          <Route path="skills" element={<Skills />} />


        </Route>
      </Routes>

Answer 1

https://www.youtube.com/watch?v=fuGu-Ponjf8

按照这个视频，它成功了！