IT技术 - react开始登陆网址 - 吾爱随笔录

IT技术 reactjs

2021-05-20 21:09:09

我是新来的，我有一个关于 React JS 的问题。我使用 create-react-app 工具来初始化我的应用程序。我想问一下如何在启动应用程序时更改初始登录页面。

例如，当我执行 'npm start' 时，它将在浏览器中打开一个带有 url 'localhost:3000' 的新选项卡。现在我想当我执行这个命令时在 localhost:3000/api 打开。

感谢您的时间

缺口

4个回答

您应该使用react router，然后您就可以将根路径重定向到您想要的位置：

<Redirect from='/' to='/api' />

或者，如果您想要没有重定向的子路径，您可以使用 basename，如：

<Router basename={'/api'}>
  <Route path="/" component={Api} />
</Router

现在，当您启动项目时，它将从 your_domain:port/api

如果你不使用react-router，那么你可以在 package.json 中设置主页，如：

"homepage": "/api"

您可以编辑homepage在package.json

"homepage": "https://your website url/route of what you want start with",

例如：

"homepage": "https://icecreamzhao.github.io/api",

当您启动 react 应用程序时，您会发现该应用程序通过http://localhost:3000/api按预期打开 url 运行。

有关更多信息，请参阅React 文档

如果您使用的是 React 路由，则可以使用 prop basename 添加

<Router basename={'api'}>

或者如果要更改默认加载端口，则需要修改不推荐的核心文件

node_modules/react-scripts/scripts/statr.js

const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;

谢谢

设置“主页”：“/home”

在 package.json 为我工作。现在当我“npm start”时它打开到 /home

其它你可能感兴趣的问题