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

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

vercel react-router deployment web reactjs

ShashidharM · 技术社区 · 1 年前

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

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

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

1 回复 | 直到 1 年前

Ayyaz Ali Furqan 1 年前

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

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

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

推荐文章

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

1 年前

Loopy Momy · 当我尝试制作动画时,CSS可见性和块不起作用

1 年前

Ebrahim Momin · div第一次向下滑动它包含的子元素时,首先出现JQuery

1 年前

dds · Bootstrap下拉菜单导航栏

1 年前

TUTORIAL Boss -Channel · 我是网络编程的新手,我有以下问题需要解释[关闭]

1 年前

big boi · 如何使php标记可以在js脚本和php代码中运行?复制

1 年前

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

1 年前

Clément Maurice · 在php中更新我的网站上的颜色时出现问题

1 年前

IITU Yernur · Angular 18中不显示图像

1 年前

ahmed ahmedx · 如何正确居中放置卡片

2 年前