代码之家 › 专栏 › 技术社区 › ShashidharM

React Redirect在本地工作,但在Vercel上为404

vercel react-router deployment web reactjs

ShashidharM · 技术社区 · 11 月前

我在Vercel上部署的React应用程序遇到问题。我有一条路线 /property/:id 其中包括一个按钮,单击后应重定向到 /profile/:id 。此重定向在我的本地开发环境中非常有效,但在部署到Vercel时失败,在控制台中显示404响应(id被firebase进一步使用 profile/:id ).

奇怪的是,当我在根上时,重定向工作得很好 / 目录并导航到 /配置文件/:id 直接地它似乎只在尝试重定向时失败 /属性/:id 到 /配置文件/:id

在控制台中,它显示响应404

1 回复 | 直到 11 月前

Ayyaz Ali Furqan 11 月前

确保您的Vercel部署配置为将所有非静态和非API请求重定向到index.html文件。这通常可以通过使用重写规则在项目根目录中配置vercel.json文件来完成:

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

查看React Router配置中的动态路由,并确保其与您想要的URL结构相匹配。此外,请检查任何服务器端配置(如vercel.json),以确保它们允许动态路由。

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

3 月前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

4 月前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

4 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

4 月前

Luckkks · 过渡色工作不正常

4 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

4 月前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

4 月前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

4 月前

noblerare · Vite错误-未定义导出(SSR)

4 月前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

4 月前