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() {}