問題
WebpackDevServerを何もせずに叩くとlocalhost:8080
でサーバーが建ちます。そして、そのポートをngrok
で指定したら普通に見れそうなんですが、「Invalid Host Header」と怒られ見れません。
# localhost:8080 を建てる webpack-dev-server # localhost:8080 を外部に xxxxxxxx.ngrok.io というホストで公開 ngrok http 8080
解決
devServer.public
を設定する必要があります。
webpack.config.js
をこんな感じに設定するか、
{
// ...
devServer: {
public: xxxxxxxx.ngrok.io,
}
// ...
}
cliの--public
フラグで指定してサーバーを建てます。
webpack-dev-server --public xxxxxxxx.ngrok.io
こんなログが出てれば多分OKです。
Project is running at http://xxxxxxxx.ngrok.io/
localtunnelとかも同じです。