为什么我的vercel项目在刷新时给我一个错误404 ?

Question

我有一个简单的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;

Answer 1

创建名为vercel的文件。

在项目的根文件夹中使用以下内容重新部署;

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