Javascript 通过手机上的IP地址访问网页包开发服务器。

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> 我肯定我做错了什么,因为这是我以前从未做过的事情。如有任何建议,将不胜感激。我很高兴提供所有问题所需的信息,以

我正试图通过我手机上的IP地址访问我的本地开发服务器。我尝试了在互联网上找到的所有建议。目前,我正在尝试使用以下命令运行dev服务器:

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()
  ]
};