如何防止反应路由器搞乱 API 路由

Question

我正在使用 react-router 实现嵌套 URL。我创建了一个仪表板组件和一个具有指向不同组件的链接的导航栏。挑战在于导航栏中的所有链接都有效，只有一个链接除外，当我单击导航栏中的链接时，它会将我带回主页。以下是我的路线结构

//App.js

<Switch>
            <Route path="/c">
              <LoggedInComponent />
            </Route>
            <Route>
              <LoggedOutComponent />
            </Route>
  </Switch>

// LoggedInComponent/routing.js

return (
    <div>
      <Switch>
        
       <PropsRoute
        
          path="/c/employee"
          component={Employee}
         
        /> 
       <PropsRoute
      
          path="/c/attendance"
          component={Attendance}
         
        /> 
        <PropsRoute
       exact
          path="/c/wagesCalculator"
          component={ WagesCalculator}
          
        /> 
     
     
        <PropsRoute
         path=""
          component={Dashboard}
          
        />
      </Switch>
    </div>
  );

当我点击“员工链接”时，我收到 404 错误，因为路由从 GET /api/v1/employee/ 更改为 GET /c/api/v1/employee/ 并且显然它不匹配终点。如何防止路由器在我的路由上添加“/c/”