我有一个简单的React + Vite项目，我第一次在Vercel上部署是为了好玩。但是每当我在子路由上点击刷新时，它就会把我送到404页面。
我使用react-router-v6进行路由。当我点击目标页面上的刷新时，没有问题。但是当我从着陆页导航到另一个路线并点击刷新时，它会出于某种原因给我440消息。
我不知道该怎么补救。任何帮助将不胜感激，谢谢！
我尝试添加一个vercel.json文件到我的根目录，但我不知道如何配置它。这是目前

{
  "routes": [
    { "src": "/chat", "dest": "/Chat" },
    { "src": "/[^.]+", "dest": "/", "status": 200 }
  ]
}

这是我的App.tsx文件

import "./App.scss";
import Login from "./pages/Login/login";
import Chat from "./pages/Chat/chat";
import { Routes, Route } from "react-router-dom";

function App() {
  return (
    <div className="App">
      <Routes>
        <Route path="/" element={<Login />} />
        <Route path="chat" element={<Chat />} />
      </Routes>
    </div>
  );
}

export default App;