首页 > 解决方案 > 如何更改反应应用程序中的默认网址?

问题描述

如何更改反应应用程序中的默认网址?这样应用程序不会打开 http://localhost:3000/paper-dashboard-react,而是localhost:3000

路线.js:

import Dashboard from "views/Dashboard.js";
import Users from "views/Users.js";


var routes = [
{
path: "/dashboard",
name: "Dashboard",
icon: "nc-icon nc-bank",
component: Dashboard,
layout: "/admin",
},
{
path: "/users",
name: "Users",
icon: "nc-icon nc-single-02",
component: Users,
layout: "/admin",
},

];
export default routes;

登录.js:

export default function BasicExample() {
 return (
  <Router>
    <Switch>

      <Route path="/admin" render={(props) => <AdminLayout {...props} />} />
       <Route exact path="/paper-dashboard-react" component={Login}>
          <Login />
       </Route>
     </Switch>
   </Router> 
 )
}

这是我从https://www.creative-tim.com/product/paper-dashboard-react下载的主题。

标签: reactjsreact-routerreact-router-dom

解决方案


我设法这样做:

<Route exact path="/paper-dashboard-react" component={Login}>
      <Login />
</Route>
<Route exact path="/" component={Login}>
      <Login />
</Route>


useEffect(() => {
   history_redirect.push("/");
})

推荐阅读