Node.js 如何从本地网络中的另一台pc访问我的react应用程序?

Node.js 如何从本地网络中的另一台pc访问我的react应用程序?,node.js,reactjs,raspberry-pi,webpack-dev-server,Node.js,Reactjs,Raspberry Pi,Webpack Dev Server,背景 我在我的rasperrypi上托管了一个react应用程序网站,到目前为止,当我使用创建react应用程序时,我能够访问该应用程序网站:我可以从网络中的计算机以及raspberry pi访问该应用程序。在raspberrypi上,我使用localhost:3000访问该网站,从计算机上我可以从192.x.x.x:3000访问该网站,它可以正常工作。 然而,由于我意识到在使用create react app时无法运行一些raspberry原生模块,我决定手动安装和设置react,以及babe

背景

我在我的
rasperrypi
上托管了一个react应用程序网站,到目前为止,当我使用
创建react应用程序时,我能够访问该应用程序网站:我可以从网络中的计算机以及raspberry pi访问该应用程序。在
raspberrypi
上,我使用localhost:3000访问该网站,从计算机上我可以从192.x.x.x:3000访问该网站,它可以正常工作。 然而,由于我意识到在使用
create react app
时无法运行一些raspberry原生模块,我决定手动安装和设置
react
,以及
babel
webpack
(希望它能工作)

问题

使用手动设置,当我从raspberrypi上的本地主机访问web应用程序时,我能够看到它,但我无法在我的计算机上访问它(它与raspberry位于同一LAN中);我尝试将端口切换到3000,但结果相同,无法从计算机访问它。。。有人知道有什么可以帮忙的吗


谢谢大家的关注

在使用Webpack Dev Server时,可以使用
allowedHosts
选项,也可以将
host
选项定义为
0.0.0
。以下两个示例都来自

允许的主机 主机定义 最后一个配置也可以通过使用CLI实现:

webpack-dev-server --host 0.0.0.0
生产方式 在生产模式下,例如使用
express
,您可以使用以下实现之一。你可以在网上更多地了解它


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

如果您使用的是webpack dev server,您可以将主机设置为
0.0.0.0
,使其可以在您的网络中访问,如前所述。或者您是否使用Node.js服务器为您的应用程序提供服务?不要忘记,无论您的react应用程序的设置如何,您都需要检查防火墙是否允许连接。@AWolf我使用nodejs服务器提供服务@电离器它确实允许,因为我能够连接之前,而使用创建反应应用程序;不过我还是要检查一下!谢谢,成功了!我使用了“主机定义”方法!
module.exports = {
  //...
  devServer: {
    host: '0.0.0.0'
  }
};
webpack-dev-server --host 0.0.0.0
listen(3000, '192.x.x.x', function() {}
listen(3000, '0.0.0.0', function() {}