使用域而不是 localhost 启动 React 应用程序答案

【问题标题】：Start React app using domain instead of localhost使用域而不是 localhost 启动 React 应用程序
【发布时间】：2020-04-05 08:14:25
【问题描述】：

我使用以下方式启动我的 React 应用程序：

npm start

这会在 localhost:3000 上启动应用程序

我希望它以域而不是 localhost 开头。在本地测试时，我将本地域（例如 mydomain.com）设置为 IP 地址 127.0.0.1。这允许我在向后端发出请求时在代码中使用实际域。如果没有这个，我的代码将需要同时支持 localhost 和我的域，并在生产中将它们换掉。

【问题讨论】：

/etc/hosts/ 中是否有线路：127.0.0.1 yourdomain.com？您是否尝试从环境变量中传递 API_URL 之类的内容？这样，您可以轻松地拥有一个指向 development 的 URL 和另一个指向 production 的 URL，即无论如何，如果您导航到您的域并指向 localhost 或 127.0.0.1。你应该能看到它。这里有什么错误？
我希望这会有所帮助。 stackoverflow.com/questions/51146086/…

标签： reactjs npm

【解决方案1】：

npm start 只是在开发模式下运行您的 React 应用程序的命令.. 以更快地构建和发布功能..

所以对于生产，您将使用npm build 来获得相同的生产版本。这不会自动部署或托管在您的 localhost:3000 上。

因此，生产部署必须使用 IIS 或某些托管应用程序来托管已编译的构建文件。您可以在那里配置您的首选 DNS，无论您想使用哪个域名。

【讨论】：

【解决方案2】：

您可以自定义用于开发的部署 url。

在您的.env.development 中添加这一行

     HOST='mydomain.com'

如果您想在https 部署，请将此行也添加到同一文件中

    HTTPS=true

【讨论】：