访问另一台 LAN PC 上的 Webpack Dev Server答案

【问题标题】：Access Webpack Dev Server on another LAN PC访问另一台 LAN PC 上的 Webpack Dev Server
【发布时间】：2019-02-05 09:59:02
【问题描述】：

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

例如，我想通过我的 iPad 访问 dev-server。之前我只是输入了 PC 的 IP 和端口就可以了。

如果有任何帮助，我将不胜感激

【问题讨论】：

标签： javascript reactjs webpack server webpack-dev-server

【解决方案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

【讨论】：

配置后，您必须通过浏览器从其他局域网设备访问开发机 IP地址：端口。在 linux 上，可能的方法是使用命令：ip address，并查找 192.168.xxx.xxx 类地址。

【解决方案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'
  }
}

【讨论】：

在尝试了许多解决方案之后，这很有效，但我不得不更改我的 index.js 文件。脚本标签应该查看“192.168.0.13:9000/bundle.js”而不是默认的“localhost:900”