不介意..。
错误与代码库有关(我使用的是monorepo,vercel.json位于根目录下)。在将vercel.js移动到react应用程序包之后,一切都运行得很好。
404问题
我有一个简单的React.js应用程序,带有wouter、-based路由和Vercel部署,这使我陷入了一个我不知道解决方案的小问题。它总是在刷新(子页面)之后返回404。
我的代码看起来有点像这样。
<>
<Route path='/' component={Intro} />
<Route path='/dashboard' component={Dashboard} />
</>在<Intro />上,我有<Link />到/dashboard,它应该把我转移到<Dashboard />页面。它确实在我的本地机器上、容器中和基于Linux的部署上工作,但是它在vercel部署中并不真正有效,即使我试图用vercel.json的配置来解决这个问题。
{
"github": {
"silent": true
},
"rewrites": [
{
"source": "(.*)",
"destination": "/index.html"
}
]
}还尝试了另一个版本的rewrites,但问题仍然存在。
{
"rewrites": [{ "source": "/(.*)", "destination": "/" }]
}链接到这里可用的实时部署:切入点-6ttd9zep8-araclx.vercel.app
注意:我也试图使用
react-router,但同样的问题也存在。在netlify上托管应用程序时也存在相同的问题,但在heroku上托管或在docker容器中运行时根本不存在同样的问题。
发布于 2022-03-11 03:31:02
您可以在服务中创建简单的重写规则。我用的是Vercel。然后你可以找到类似的东西。
在项目根目录中创建一个文件vercel.json
兼作家
{
"rewrites": [{ "source": "/(.*)", "destination": "/" }]
}别忘了用vercel重写。
https://stackoverflow.com/questions/70870735
复制相似问题