代码之家 › 专栏 › 技术社区 › 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),以确保它们允许动态路由。

推荐文章

AEzatA · 如何使网站幻灯片菜单中的列表项相互叠加?

9 月前

TM05 · 将react+vite项目上传到GitHuB时出现npm错误代码EUSAGE

9 月前

Subbu VidyaSekar · 未找到buildspec.yaml-AWS代码构建失败

9 月前

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

11 月前

MrLucky · Angular 14 |应用程序根为空|在vercel上部署

1 年前

Richard Rogers · 使用deployApp调用部署闪亮的应用程序

1 年前

sifat · NGINX+Cloudflare SSL证书无效

1 年前

Carlos · 使用delphi 11.3部署时返回E7176无效的apksigner

1 年前

Apurva Patel · 502使用Gunicorn将Django应用程序部署到GCP应用程序引擎时发生网关错误

1 年前

jstark523 · 试图为我的应用程序找出最佳LLM选项

1 年前