Yak shaving logs


My life is just yak shaving.

webpack-dev-serverで起動したアプリをlocalhostではなく0.0.0.0で外部に公開する方法

2017/07/02 #webpac-dev-server

By Yusuke Takita


こんにちは。Takitaです。

macOSでIE環境を構築するに書いたようにVagrantを使ってIE環境を構築しました。
IE環境でローカルで動かしているWebアプリの動作確認をするために npm run dev --host 0.0.0.0 で webpackのdevサーバーを起動して、ブラウザでIP指定してみたところ、 Invalid Host header と表示されるだけでWebアプリに接続できずに困ってしまいました。

(ブラウザに表示されたInvalid Host header)
https://gyazo.com/66953335d75063cad9ac9bc47851cba3

同じ問題がwebpack-dev-serverでissueが起票されていて、そこのコメントを参考にすることで解決できました。

https://github.com/webpack/webpack-dev-server/issues/882#issuecomment-299998475

webpack.config.jshostdisableHostCheck を追記します。

module.exports = {
  // Earlier configuration etc...
  devServer: {
    host: '0.0.0.0',
    disableHostCheck: true
  }
}

そのあとに npm run dev をすればOKです。

このエントリーをはてなブックマークに追加

categories


最新記事


tags