如何将React App Localhost更改为IP？3000 IP？

Question

我正在使用付费API。他们将我的IP定为白名。我可以从Thunder Client和Postman应用中获取数据。但是，当我要从React应用程序中获取数据时。没什么做任何事情。基本上是本地主机：3000在不同的IP上托管吗？因此，如何从IP（103.124.251.85）中托管我的React-App本地主机

Answer 1

要更改 React 应用程序的主机，您只需在环境中添加主机，如下所示：

HOST=you_system_ip

或者您也可以在包 json 文件中添加脚本，如下所示：

    "start": "HOST=you_system_ip react-scripts start",

Answer 2

在 package.json 中，您可以将“start”脚本更改为

"start": "SET HOST=103.124.251.85 && react-scripts start"

或者，您可以在项目的根目录中创建一个文件 .env 并设置：

HOST=103.124.251.85

如果您需要通过 HTTPS 运行应用程序，请执行以下操作：

• 在包中在 .json 中添加预启动脚本：它将私钥和 SSL 证书的 crt 组合成 pem，然后将其复制到 webpack 服务器模块中。

"scripts": {
    "prestart": "type dev_certs\\cert.key dev_certs\\cert.crt > dev_certs\\server.pem && copy /y dev_certs\\server.pem node_modules\\webpack-dev-server\\ssl",
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }

• 在您设置的 .env 文件中：

PORT=443
HOST=103.124.251.85
HTTPS=true

Answer 3

如果您遇到错误“allowedHosts”为空：

options.allowedHosts[0] should be a non-empty string.

您可以通过传递以下环境变量来禁用此检查：

DANGEROUSLY_DISABLE_HOST_CHECK=true HOST=xxxx npm run start