GCE上でのAngularのng serveを外部からアクセスする

Google Compute Engineの仮想マシン上でAngularの開発をするとき、ng serveしても外からアクセスできない。

プロジェクト直下のangular.jsonをいじることで外から見えるようになる。

  • "serve"の"options"の中に"port"と"host"の項目をつける。
  • portで指定するポート番号は、GCEのファイアーウォール設定で穴をあけるのを忘れずに。
  • さらに"host"については、外部IPではなく、内部IPにしないとうまくいかない。
(省略)
"serve": {
    "options": {
        (省略),
        "port": 8080,
        "host": "10.142.0.6"

         }
(省略)

参考サイト:https://qiita.com/shirokuman/items/6491815836e2c6004315