angularでInvalid Host headerと表示された

技術的な備忘録です
自分の開発環境はvagrant（virtualbox）でおこなっており
普通のmacやwindowsではなくcentos上に作っています

そのため、forwarded_portにportを設定しています

config.vm.network "private_network", ip: "192.168.33.10"
config.vm.network :forwarded_port, host: 9999, guest: 9999
config.vm.network :forwarded_port, host: 4200, guest: 4200
config.vm.network :forwarded_port, host: 18888, guest: 18888

そのため、angularでテスト(コンパイル)をおこなう時は

ng serve

だけで問題ないのですが
私の環境はローカルからvagrantにアクセスするために
パラメータをつけています

ng serve --host 0.0.0.0 --port 9999 --live-reload true

githubに記載されていた
ngrx-exampleというサンプルサイトがあるのですが

GitHub - ngrx/example-app: Example app showcasing the ngrx platform

Invalid Host header

と表示された

host 0.0.0.0がいけないみたいで

ng serve --host 192.168.33.10 --port 9999 --live-reload true

アクセスできるようになった

参考URL
--host 0.0.0.0 Not working · Issue #882 · webpack/webpack-dev-server · GitHub

無駄にはまるな