React开始登陆网址

Question

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

例如，当我执行'npm start'时，它将在浏览器中使用URL'localhost：3000'打开一个新选项卡。现在我想在执行此命令时在localhost：3000 / api中打开。

谢谢您的时间

尼克

Answer 1

如果您使用的是React路由，则可以使用prop基本名称添加

<Router basename={'api'}>

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

node_modules / react-scripts / scripts / statr.js

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

谢谢

Answer 2

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

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

或者，如果您想要不带重定向的子路径，则可以使用基本名称，例如：

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

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

---

如果您不使用React Router，则可以在package.json中设置主页，例如：

"homepage": "/api"

Answer 3

您可以编辑此文件

package.json

"homepage": "https://your website url/what you want to change base url",

例如：

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

当你启动 react 应用程序时，你会发现 url 发生了变化。