reactjs - 如何使用 create-react-app 在 url 中使用域名而不是 'localhost:3000' 进行本地开发？

Question

我一直在使用 create-react-app 和我添加的一些其他库开发一个小型应用程序。考虑到计划的架构和一些我想使用react-router运行的测试，我希望能够使用url中的域mame在本地运行我的应用程序，这样而不是

本地主机:3000/

这将是

somedomain.com

我尝试了一些方法，例如弹出 ceate-react-app，但我不确定如何修改 webpack 配置来更改公共(public)路径，或者如何在我的计算机上设置某种代理，以便 somedomain.com 成为相当于输入 localhost:3000

我不确定正确的方法是什么，而且我似乎还找不到任何可靠的信息。

Answer 1

除了按照上面的建议更改您的 /etc/hosts 之外，如果您希望 CRA 了解新的主机名，HOST 环境变量应该给您什么你想要的。

例如(这可以进入 scripts/start 下的 package.json)

HOST=somedomain.com react-scripts start

这应该启动基于 CRA 的开发服务器，监听该域名，并且应该打开/刷新指向那里的浏览器选项卡。

编辑:docs on this and other env vars that CRA uses .