webpack-dev-server に localhost 以外からアクセスできるようにする場合は host: 0.0.0.0 を指定する

追記

現在では disableHostCheck は不要です*1。この記事を書いたときにバージョンの差異があったようです。

結論

単に webpack-dev-server の実行オプションに --host 0.0.0.0 と指定するだけだではだめ*2webpack.config.jsdevServer を追加し、その中に disableHostCheck: true を設定してやるとよい。

その後、webpack-dev-server の実行オプションに --host 0.0.0.0 を指定して実行すればどこからでも接続できる。

module.exports = {
(省略)
  devServer: {
    disableHostCheck: true
  }
};

補足

*1:host を '0.0.0.0' に指定すればよい

*2:Invalid Host header と出てアクセスできない

Powered by はてなブログ