React 开始登陆 url

Question

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

例如，当我执行“npm start”时，它将在浏览器中打开一个新选项卡，网址为“localhost:3000”。现在我希望当我执行此命令时在 localhost:3000/api 上打开。

感谢您的时间

缺口

Answer 1

您可以编辑homepage在package.json

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

例如：

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

当你启动react应用程序时，你会发现应用程序按照你期望的方式打开url来运行http://localhost:3000/api。

请参阅React 文档以获取更多信息

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

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

<Router basename={'api'}>

或者如果你想改变默认的加载端口，你需要修改core文件，这是不推荐的

node_modules/react-scripts/scripts/statr.js

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

谢谢