如何从本地网络中的另一台PC访问我的反应应用程序？

Question

背景

我在我的rasperrypi上托管了一个react应用程序网站，到目前为止，当我使用create-react-app时，我已经能够访问应用程序网站：我可以从网络中的计算机以及树莓派访问应用程序。在raspberrypi上，我使用localhost：3000访问网站，从计算机，我将从192.x.x.x：3000访问它，它会正常工作。然而，由于我意识到在使用create-react-app时我无法运行一些树莓原生模块，我决定手动安装和设置react，以及babel和webpack（希望它能工作）。

问题

使用手动设置，当我从覆盆子上的localhost访问它时，我可以看到Web应用程序，但我不能在我的计算机上访问它（与覆盆子在同一个局域网中）；我试图将端口切换到3000，但结果是一样的，无法从计算机上访问它...有人知道什么可以帮助吗？

谢谢大家的关注！

Answer 1

当您使用Webpack-Dev-Server时，您可以使用< code>allowedHosts选项或将< code>host选项定义为< code>0.0.0.0。以下两个例子都来自Webpack文档。

module.exports = {
  //...
  devServer: {
    allowedHosts: [
      'host.com',
      'subdomain.host.com',
      'subdomain2.host.com',
      'host2.com'
    ]
  }
};

module.exports = {
  //...
  devServer: {
    host: '0.0.0.0'
  }
};

最后一个配置也可以通过使用CLI实现：

webpack-dev-server --host 0.0.0.0

在生产模式下，例如使用< code>express，您可以使用以下实现之一。你可以在超级用户上了解更多。

listen(3000, '192.x.x.x', function() {}
listen(3000, '0.0.0.0', function() {}

无法访问它的原因是服务器正在绑定环回地址（127.0.0.1）。