Question

我使用create-react-app创建了一个应用，并且 webpack-dev-server 使用react-scripts加载了 dev-server 。问题是我无法通过其他LAN PC访问 dev服务器。任何想法如何解决这个问题？我还有一个 .env 文件，在其中我将默认的主机名更改为domain.com。

例如，我想通过我的iPad访问 dev-server 。早些时候，我只是输入了PC的IP和端口，并且它起作用了。

我将不胜感激

Answer 1

根据https://webpack.js.org/configuration/dev-server/#devserverhost 只需添加

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

或直接通过cli

webpack-dev-server --host 0.0.0.0

Answer 2

我有同样的问题，我可以这样解决：范例IP：192.168.0.35 'webpack.dev.config.js'

module.exports {
  output: {
    publicPath: 'http://192.168.0.35:3001/'
  },
  devServer: {
    port: 3001,
    host: '192.168.0.35'
  }
}

在另一台局域网PC上访问Webpack Dev Server

2 个答案: