首页 > 解决方案 > 如何在带有 create-react-app 的 url 中使用域名而不是 'localhost:3000' 进行本地开发?

问题描述

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

本地主机:3000/

这将是

somedomain.com

我已经尝试了一些事情,比如弹出 ceate-react-app 但我不确定如何修改 webpack 配置以更改公共路径,或者如何在我的机器上设置某种代理,所以 somedomain.com 相当于打字本地主机:3000

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

标签: reactjsproxywebpack-dev-servercreate-react-app

解决方案


除了按照/etc/hosts上面的建议更改您的内容外,如果您希望 CRA 了解新主机名,HOSTenv var 应该会为您提供所需的内容。

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

HOST=somedomain.com react-scripts start

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

编辑:关于这个和 CRA 使用的其他环境变量的文档


推荐阅读