Javascript 通过手机上的IP地址访问网页包开发服务器。
我正试图通过我手机上的IP地址访问我的本地开发服务器。我尝试了在互联网上找到的所有建议。目前,我正在尝试使用以下命令运行dev服务器:Javascript 通过手机上的IP地址访问网页包开发服务器。,javascript,ip,webpack,webpack-dev-server,Javascript,Ip,Webpack,Webpack Dev Server,我正试图通过我手机上的IP地址访问我的本地开发服务器。我尝试了在互联网上找到的所有建议。目前,我正在尝试使用以下命令运行dev服务器: webpack-dev-server --port 8000 --hot --host 0.0.0.0 我也尝试过: webpack-dev-server --port 8000 --hot --host <my_ip_address> 我肯定我做错了什么,因为这是我以前从未做过的事情。如有任何建议,将不胜感激。我很高兴提供所有问题所需的信息,以
webpack-dev-server --port 8000 --hot --host 0.0.0.0
我也尝试过:
webpack-dev-server --port 8000 --hot --host <my_ip_address>
我肯定我做错了什么,因为这是我以前从未做过的事情。如有任何建议,将不胜感激。我很高兴提供所有问题所需的信息,以帮助我通过这个问题在周末。干杯,谢谢 听起来你好像无法连接。您的手机是否与运行webpack的计算机位于同一无线网络(因此是子网)?防火墙会干扰吗?我知道在windows上,你必须设置一个自定义规则来允许该端口输出。嗯,我不确定。我会试试看。@JasonGoemaat所以我的手机和我的mac在同一个子网中。现在,为了确保我正确地处理这个问题,我假设输入路由器的IP地址正确吗?这样,所有连接到wi-fi的设备都可以访问我的网页包服务器。在外部,您通常会设置端口转发,以便当internet访问路由器上的端口时,它可以将其转发到本地网络上的IP。由于它们位于同一子网上,您应该能够在本地网络上使用它的IP地址。用于确保您正在该本地IP上侦听。如果这仍然不起作用,我不太了解mac上的内置防火墙,也许可以在该网站上问你问题?尝试使用
var webpack = require('webpack');
module.exports = {
entry: [
'webpack-dev-server/client?http://localhost:8000',
'webpack/hot/only-dev-server',
'./src/index.jsx'
],
module: {
loaders: [{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'react-hot!babel'
}]
},
resolve: {
extensions: ['', '.js', '.jsx']
},
output: {
path: __dirname + '/dist',
publicPath: '/',
filename: 'bundle.js'
},
devServer: {
contentBase: './dist',
hot: true
},
plugins: [
new webpack.HotModuleReplacementPlugin()
]
};