首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React.js (Vite)应用程序在路由刷新时返回404

React.js (Vite)应用程序在路由刷新时返回404
EN

Stack Overflow用户
提问于 2022-01-26 21:52:49
回答 1查看 1.9K关注 0票数 2

不介意..。

错误与代码库有关(我使用的是monorepovercel.json位于根目录下)。在将vercel.js移动到react应用程序包之后,一切都运行得很好。

404问题

我有一个简单的React.js应用程序,带有wouter、-based路由和Vercel部署,这使我陷入了一个我不知道解决方案的小问题。它总是在刷新(子页面)之后返回404

我的代码看起来有点像这样。

代码语言:javascript
复制
    <>
        <Route path='/' component={Intro} />
        <Route path='/dashboard' component={Dashboard} />
    </>

<Intro />上,我有<Link />/dashboard,它应该把我转移到<Dashboard />页面。它确实在我的本地机器上、容器中和基于Linux的部署上工作,但是它在vercel部署中并不真正有效,即使我试图用vercel.json的配置来解决这个问题。

代码语言:javascript
复制
{
    "github": {
        "silent": true
    },
    "rewrites": [
        {
            "source": "(.*)",
            "destination": "/index.html"
        }
    ]
}

还尝试了另一个版本的rewrites,但问题仍然存在。

代码语言:javascript
复制
{
  "rewrites": [{ "source": "/(.*)", "destination": "/" }]
}

链接到这里可用的实时部署:切入点-6ttd9zep8-araclx.vercel.app

注意:我也试图使用react-router,但同样的问题也存在。在netlify上托管应用程序时也存在相同的问题,但在heroku上托管或在docker容器中运行时根本不存在同样的问题。

EN

回答 1

Stack Overflow用户

发布于 2022-03-11 03:31:02

您可以在服务中创建简单的重写规则。我用的是Vercel。然后你可以找到类似的东西。

在项目根目录中创建一个文件vercel.json

兼作家

代码语言:javascript
复制
{
  "rewrites": [{ "source": "/(.*)", "destination": "/" }]
}

别忘了用vercel重写。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70870735

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档