如何修改React应用的默认URL，使其直接通过localhost:3000启动访问

按照以下顺序修改对应文件即可完成配置：

• 第一步：调整路由匹配规则
  你当前Login.js中登录页的路由绑定的是/paper-dashboard-react路径，直接修改为根路径/即可，同时修正原代码中重复声明Login组件的冗余问题，修改后代码如下：

  export default function BasicExample() {
   return (
    <Router>
      <Switch>
        <Route path="/admin" render={(props) => <AdminLayout {...props} />} />
        <Route exact path="/" component={Login} />
      </Switch>
    </Router> 
   )
  }
  

  如果你的Router组件声明时配置了basename属性，也需要同步将basename的值改为/，比如把<Router basename="/paper-dashboard-react">修改为<Router basename="/">。
• 第二步：修改package.json配置
  Paper Dashboard React模板默认会在package.json文件中添加"homepage": "/paper-dashboard-react"配置，这会导致应用自动加上路径前缀，直接把这一行删除，或者将值修改为"."即可。
• 第三步：（可选）配置缺省路径跳转
  如果希望所有未匹配到的路由都自动跳转到登录页，可以在路由规则末尾添加重定向逻辑：

  import { Redirect } from 'react-router-dom'
  
  export default function BasicExample() {
   return (
    <Router>
      <Switch>
        <Route path="/admin" render={(props) => <AdminLayout {...props} />} />
        <Route exact path="/" component={Login} />
        <Redirect to="/" />
      </Switch>
    </Router> 
   )
  }
  

所有配置修改完成后，重启本地开发服务，应用启动后默认打开的地址就会是localhost:3000。

内容的提问来源于stack exchange，提问作者Boidurja Talukdar