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

Question

我使用 create-react-app 创建了一个应用，webpack-dev-server 使用 react-scripts 加载 dev-server。问题是我无法通过其他 LAN PC 访问 dev server。知道如何解决这个问题吗？我还有一个 .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

Access Webpack Dev Server on another LAN PC

javascript

reactjs

webpack

server

webpack-dev-server