404 刷新后 Vercel+React+Node+Express

Question

应该可以，但是不行，我也想不通是什么问题。我可以转到我的应用程序页面并浏览页面，一切正常，但我无法重新加载页面，因为我收到 404。我知道这很容易，但我很困惑。

vercel.json
{
  "version": 2,
  "builds": [
    {
      "src": "index.js",
      "use": "@vercel/node"
    }
  ],
  "routes": [
    {
      "src": "/(.*)",
      "dest": "/"
    }
  ]
}

AppRouter
<Routes>
      <Route element={<PrivateRoutes />}>
        <Route path="/notes" element={<NotesPage />} />
      </Route>
      <Route element={<Outlet />}>
        <Route index element={<LoginPage />} />
        <Route path="/" element={<HomePage />} />
        <Route path="/home" element={<HomePage />} />
        <Route path="/login" element={<LoginPage />} />
        <Route path="/registration" element={<RegistrationPage />} />
      </Route>
    </Routes>

routes
router.post("/login", userController.login);
router.post("/logout", userController.logout);
router.get("/activate/:link", userController.activate);
router.get("/refresh", userController.refresh);
router.get("/notes/:id", authMiddleware, notesController.getAllNotes);
router.post("/createNote", authMiddleware, notesController.createNote);
router.put("/update/:id", authMiddleware, notesController.updateNote);
router.delete("/delete/:id", authMiddleware, notesController.deleteNote);