编辑：我发现这个问题不是动态路由独有的，简单路由刷新时也会返回404。
在实时版本中：我可以加载主页，搜索证书，然后被带到正确加载的证书显示页面。如果我尝试刷新，我得到404。
在本地运行应用程序时，我的路线不返回404。
我用firebase部署了这个应用程序。
我查看的其他类似帖子包括this，它没有提供可用的答案，this允许我在本地服务我的项目并观察返回的HTTPS代码。应用程序在这种方式（本地）下工作正常，刷新时返回304而不是404。这对部署的版本没有影响。这是浏览器路由器配置问题吗？
App.js

import { BrowserRouter as Router, Route, Routes } from 'react-router-dom';

function App() {

  return (
    <div>
    <Header/>
      <Routes>
            <Route path="/login" element={<Login/>} />

            <Route path="/search"element={<CertificateSearch/>}/>

            <Route path="/:id" element={<CertificateDisplayPage/>}/>
      </Routes>
      <Footer/>
    </div>
  );
}

export default App;

index.js

import ReactDOM from 'react-dom/client';
import App from './App';
import { BrowserRouter } from 'react-router-dom'

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>
);