是否可以在`npm start`上的不同URL上提供React应用程序

Question

默认情况下，在React应用中，npm start在http://localhost:3000/中提供网址。我想在开发模式下以不同的URL（例如http://localhost:3000/my-app）来提供应用程序。我该怎么做？

我不想更改应用程序目录。与其在localhost:3000上投放该应用程序，不如希望它在localhost:3000/my-app网址上投放。这意味着localhost:3000/my-app将是默认网址。这是参考图片

应将http://localhost:3000/my-app插入http://localhost:3000/

感谢前进。

Answer 1

在package.json中添加homepage键：

“主页”：“ http://localhost:3000/my-app”，

这将为该子目录中的所有内容提供服务。

Answer 2

在路由定义中，查找根目录定义。您可能会看到类似这样的内容。

<Route exact path='/' component={StartPage} />

将路径从'/'更改为'/myapp' 即

<Route exact path='/myapp' component={StartPage} />