Vercel + Reactjs & Vite 页面刷新返回 404

Question

所以我有一个使用 React、TailwindCSS 和 Vite 构建的代码库，使用 React 路由器作为路由。

由于某种原因，当构建到主页时，其余页面工作完美，但一旦刷新，就会出现 404 错误。

我已经检查了我的 vercel.json 文件。我已经尝试过此处发布的其他解决方案，但我不确定哪里出了问题。我尝试将此文件添加到我的文件夹的根目录（当前所在的位置）以及我的 src 文件夹中，因为我也看到了一些示例。

我尝试过改变

routes: [
{ 
 "src" :  //here
 }
 ]

根据我见过的例子，但祝你好运！

让我知道我需要做什么，或者您是否想查看任何其他文件，但 src 代码可以在此处找到

https://github.com/InsurTech-Groups/home-form-english

谢谢！

附加信息

vercel.json

{
  "version": 2,
  "builds": [
    {
      "src": "package.json",
      "use": "@vercel/node",
      "config": {
        "maxLambdaSize": "75mb"
      }
    },
    {
      "src": "index.html",
      "use": "@vercel/static-build",
      "config": {
        "distDir": "dist",
        "command": "npm run build",
        "env": {
          "NODE_ENV": "production"
        },
        "output": {
          "clean": true
        },
        "postbuild": {
          "command": "npm run postbuild",
          "env": {
            "BUILD_DIR": "$VERCEL_BUILD_OUTPUT_DIR"
          }
        },
        "files": [
          "dist/**/*",
          "public/**/*",
          "src/**/*.{js,jsx,ts,tsx}",
          "!**/node_modules/**"
        ]
      }
    }
  ],
  "routes": [
    {
      "src": [{ "src": "/[^.]+", "dest": "/", "status": 200 }],
      "dest": "/index.html"
    }
  ]
}

链接 GithubURL： https: //github.com/InsurTech-Groups/home-form-english Live Vercel 站点： https: //home-form-english.vercel.app

Answer 1

当我删除 vercel.json 中的所有内容并刚刚得到这个时，问题似乎已解决

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