React应用中如何将localhost:3000重定向到/home/dashboard？

你的问题出在路由匹配顺序和根路径的处理上：当前的path="/*"通配路由会优先匹配所有请求（包括根路径/），导致重定向逻辑没有触发。按照以下步骤修改即可：

1. 导入Navigate组件（从代码结构判断你使用的是React Router v6版本，v5版本需替换为Redirect）：

import { Router, Routes, Route, Navigate } from 'react-router-dom';

2. 添加根路径重定向路由，并调整路由顺序：通配路由必须放在最后，确保前面的具体路由（包括重定向规则）先被匹配。修改后的完整路由代码如下：

<Router>
  <div>
    <Routes>
      {/* 根路径重定向规则 */}
      <Route path="/" element={<Navigate to="/home/dashboard" replace />} />
      <Route
        path="/assignment/:companyId/:frameworkId"
        element={<UserSignIn />}
      />
      <Route path="/company/:companyName" element={<CompanyReview />} />
      {/* 通配路由放在最后，匹配所有未定义的路径 */}
      <Route path="/*" element={<AdminSignIn />} />
    </Routes>
  </div>
</Router>

关键细节说明： #

• replace属性：添加后会替换浏览器历史记录中的当前条目，避免用户点击返回按钮回到根路径，可根据实际需求选择是否添加。
• 路由匹配优先级：Routes组件按从上到下的顺序匹配路径，因此具体路由必须放在通配路由之前，否则通配路由会拦截所有请求，导致其他规则失效。

内容的提问来源于stack exchange，提问作者Rahul Compani