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

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

  •  0
  • ShashidharM  · 技术社区  · 11 月前

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

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

    error:

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

    1 回复  |  直到 11 月前
        1
  •  1
  •   Ayyaz Ali Furqan    11 月前

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

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

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