docker
vue.js

Vue.js 環境をDocker化しようとしたら接続できなかった

npm run dev を docker から実行したかった。動かなかった。
EXPOSE も docker run -p も指定したのに動かなかった。


--host 0.0.0.0 を足したら動いた。

package.json
{
  ...
  "scripts": {
    "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
    ...
  }
}

(追記) 上記方法は駄目。以下の方法。

disableHostCheck: true

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

参考

https://stackoverflow.com/questions/39632038/cannot-run-webpack-dev-server-inside-docker/39638515#39638515

成功した後に見つけたので試してないけど、 config/index.js で host を 0.0.0.0 に直しても動くらしい。
https://qiita.com/Yorinton/items/938cda034334cdcfcb72

(追記)
ただし、こいつを指定した場合、 今度は local 環境から localhost でアクセスすることが出来なくなるので注意。