こんにちは。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)
同じ問題がwebpack-dev-serverでissueが起票されていて、そこのコメントを参考にすることで解決できました。
https://github.com/webpack/webpack-dev-server/issues/882#issuecomment-299998475
webpack.config.js
で host
と disableHostCheck
を追記します。
module.exports = {
// Earlier configuration etc...
devServer: {
host: '0.0.0.0',
disableHostCheck: true
}
}
そのあとに npm run dev
をすればOKです。