Reactjs 在其他计算机上运行react代码

嗨，我在做reactJS 想了解如何通过其他计算机上的IP地址运行本地React应用程序

每当我执行“npm启动”时，它总是在localhost:8888上运行

如何将其更改为在0.0.0.0:8888上运行

我知道如何更改应用程序的端口

以下是我的webpack.congif.js

module.exports = {
  entry: './index.js',

  output: {
    filename: 'index.js',
    path: ''
  },

  devServer: {
    inline:true,
    port: 8888
  },

  module: {
    loaders: [
      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader?presets[]=es2015&presets[]=react' }
    ]
  }
}

由于我对reactJS非常陌生，请解释下面给出的解决方案或提供更新的webpack.config.js

---

您需要将react应用程序的宿主从

localhost

更改为您的本地ip地址。（例如

10.10.54.124

），您可以使用Windows命令提示符中的

ipconfig

命令来获取它

接下来，您需要通过防火墙打开端口（例如214），以便从第三方机器进行访问。在这之后，您的本地或VPN网络中的所有人都可以通过链接

10.10.54.124:214

访问您的应用程序

---

另外，这只适用于您的本地网络中的用户，只需将主机：添加到webpack.config.js即可，这对我很有效

devServer: {
  host:'000.000.00.00',
  port: 8888
},

然后我开始通过给出

---

webpack dev server--主机000.000.00.00--端口888这是我要做的：我告诉节点使用计算机的本地主机名，而不是使用IP地址。这是在脚本部分的

package.json

文件中使用主机参数完成的，还有一个端口参数：

  {
  ...,
  "scripts": {
    "start": "node scripts/start.js",
    "start-local": "HOST='BlueLight.local' node scripts/start.js",
    "build": "node scripts/build.js",
    "test": "node scripts/test.js --env=jsdom",
    ....
  }
  ...

我的主机名是

BlueLight

，因此我的本地地址是

BlueLight.local

，打开终端并编写

hostname

命令以查找您的主机名

所以我的本地网络中的任何计算机都可以打开，你甚至可以使用手机，我甚至可以使用iPhone或Android模拟器

---

请记住，某些安全检查（如WebRTC、live camera和其他https检查）将不起作用，因为您的本地地址没有SSL证书。其中一些可以在浏览器的高级设置中停用

我自己在react应用程序的webpack.config.js中提供了8888端口。您可以使用它，至少还有其他解决方案吗？我无法通过防火墙打开端口安全系统不允许我访问此类设置以打开“匿名”窗口。只需将这些项目添加到我的webpack.config.js并运行

npm start

，我就可以了。