更改默认的本地主机路径react

发布于 2025-02-13 13:42:49 字数 971 浏览 0 评论 0原文

更改默认的本地主机路径。例如:http:// localhost:3001/by the Path http:// localhost:3001/home。我希望当我启动NPM启动时,我直接到达此路径http:// localhost:3001/home。我尝试在package.json文件中进行修改,但它不起作用。谢谢你的帮助

<BrowserRouter>
        <Routes>
          <Route path={"/"}  />
          <Route element={<ViewParentCustomer />} >
            <Route path={RouteTypes.REDIRECT_HOME} element={<Home/>} />
            <Route path={RouteTypes.ROUTE_OUR_HISTORY} element={<OurHistory />} />
           
            
            <Route path={RouteTypes.ROUTE_COMMAND_CUSTOMER_ACCOUNT} element={<ProtectedRoutes ><DetailCommand /></ProtectedRoutes>} />
            <Route path={RouteTypes.ROUTE_SIGNUP} element={<Registration />} />
            <Route path={RouteTypes.ROUTE_FORBIDDEN} element={<AccessForbidden />} /> 
          </Route>

        </Routes>
</BrowserRouter>

change the default localhost path. For example: http://localhost:3001/ by the path http://localhost:3001/home . I would like the when I launch npm start that I arrive directly on this path http://localhost:3001/ home . I tried modifying in the package.Json file, but it doesn't work. Thank you for help

<BrowserRouter>
        <Routes>
          <Route path={"/"}  />
          <Route element={<ViewParentCustomer />} >
            <Route path={RouteTypes.REDIRECT_HOME} element={<Home/>} />
            <Route path={RouteTypes.ROUTE_OUR_HISTORY} element={<OurHistory />} />
           
            
            <Route path={RouteTypes.ROUTE_COMMAND_CUSTOMER_ACCOUNT} element={<ProtectedRoutes ><DetailCommand /></ProtectedRoutes>} />
            <Route path={RouteTypes.ROUTE_SIGNUP} element={<Registration />} />
            <Route path={RouteTypes.ROUTE_FORBIDDEN} element={<AccessForbidden />} /> 
          </Route>

        </Routes>
</BrowserRouter>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

萧瑟寒风 2025-02-20 13:42:49

替换

  <Route path={"/"} element={<Home/>} />

<Route path="*" element={<Navigate to="/home" />}/>

导入:

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

Replace

  <Route path={"/"} element={<Home/>} />

with

<Route path="*" element={<Navigate to="/home" />}/>

Imports:

import {Routes, Route, Navigate} from "react-router-dom";
小红帽 2025-02-20 13:42:49

解决方案:&lt;路由路径=“/” element = {&lt;导航到=“/pastry”/&gt; } /&gt; < /code>

the solution : <Route path="/" element={ <Navigate to="/pastry" /> } />

浪漫人生路 2025-02-20 13:42:49

您可以像这样重定向将其重定向:

<Redirect exact from="/" to="pastry" />

在此处阅读有关

更新的更多信息:< /strong>

您可以使用路由。特别感谢 kapobajza

<Route path="/" element={ <Navigate to="/pastry" /> } />

You can redirect it like this:

<Redirect exact from="/" to="pastry" />

Read more about redirecting here

UPDATE:

You can use Route. Special thanks to Kapobajza:

<Route path="/" element={ <Navigate to="/pastry" /> } />
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文