我有一个基于React、TailwindCSS和Vite构建的代码库,使用react router进行路由。
出现问题的是,在构建时,访问主页和其余页面都能正常显示,但一旦刷新,就会出现404错误。
我已经检查了我的vercel.json文件。我尝试了其他一些解决方案,但不确定哪里出错了。我试过在我的文件夹根目录(当前位置)和我的src文件夹内添加此文件,因为我看到一些示例也是这样。
我已经尝试过更改
routes: [
{
"src" : //here
}
]
根据我看到的示例,但是没有运气!
让我知道我需要做什么或者如果您想查看其他文件,但是源代码在这里可用。
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"
}
]
}
链接 Github网址:https://github.com/InsurTech-Groups/home-form-english Vercel网站现场:https://home-form-english.vercel.app
"/(.*)"
都将重写请求到"/"
目标路径... 来源:Vercel 文档 (https://vercel.com/docs/projects/project-configuration#rewrites) - undefined