为什么反应路由器在 vercel 上不起作用？

我正在尝试将无服务器网络发布到 vercel。 我想使用react-router，这在我的计算机上运行良好，但是当我部署它时它不起作用 有人可以帮助我吗？

（我想在没有服务器的情况下完成）

// My main code
import React from 'react'
import { BrowserRouter, Switch, Route } from 'react-router-dom'

import Main from './routes/Main'
import Tos from './routes/Tos'
import Privacy from './routes/Privacy'
import NotFound from './routes/NotFound'
import Recruit from './routes/Recruit'

const App = () => {
    return (
        <BrowserRouter>
            <Switch>
                <Route exact path = '/' component = {Main} />
                <Route exact path = '/recruit' component = {Recruit} />
                <Route exact path = '/tos' component = {Tos} />
                <Route exact path = '/privacy' component = {Privacy} />
                <Route component = {NotFound} />
            </Switch>
        </BrowserRouter>
    )
}

export default App

Add a vercel.json文件位于项目根目录，并使用“rewrites”重写所有传入路径以引用您的索引路径。

例如：

{
  "rewrites":  [
    {"source": "/(.*)", "destination": "/"}
  ]
}

请在此处查看更多信息：https://vercel.com/docs/configuration#project/rewrites https://vercel.com/docs/configuration#project/rewrites