相关疑难解决方法(0)

我用 vite.js 做了一个 React 构建。在本地主机上进行生产和测试时，一切正常。但是，当我部署到 Netlify 或 vercel 时，无法通过直接输入 URL 来访问我使用 React-router 创建的路由，而只能通过使用应用程序内部的链接从主页（“/”）访问。

如果我单击应用程序中的路线链接，则路线正在工作，但如果我直接输入网址（例如：mypage/about），则会收到 404 错误。

我检查了 vercel 支持，他们说配置中可能缺少重定向，例如默认情况下由 create-react-app 设置的。在CRA中它看起来像这样

{
  "redirects: [
    { "source": "/(.*)", "destination": "/index.html" }
  ]
}

在浏览完 vite.js 文档后，我找不到任何有关如何在 vite 中设置重定向的提示。

我正在尝试将无服务器网络发布到 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 …