「Invalid Host header」エラーについて

Question

Webサーバの「Invalid Host header」エラーについて教えてください。

以下サイトのScratch-guiをEC2サーバにインストールし、ALB経由でアクセスできるような環境を構築しております。
https://github.com/scratchfoundation/scratch-gui

ScratchのEC2へのインストールは、こちらのサイトを参考に実施いたしました。
https://otona-scratch.champierre.com/books/1/posts/3

その結果、ALBのDNS名(EC2)にアクセスしたところ、「Invalid Host header」が表示されてしまいます。

ネット検索いたしましたが、VueかReactの対策しか見つけられず、どれも真似してみましたがうまくいきませんでした。

■実施した例
・webpack.config.jsに「disableHostCheck: true」を追記
・実行時にオプション「--host 0.0.0.0」を付ける
・実行時にオプション「--disable-host-check」を付ける

サイトへのアクセス結果が502等ではないため、AWSの構成やネットワーク不備ではないと考えております。

Scratch-guiはVueやReactといったパッケージに属さないと思っているため、どのように調べたらよいか大変困っております。

どんな些細なことでも構いませんので、アドバイスいただけますと幸いです。
また、記載内容に不足ありましたら、コメントください。

何卒宜しくお願いいたします。

Answer 1

こんにちは。
disableHostCheck: trueをwebpack.config.jsに追加する方法は一つですが、セキュリティ上、この設定は本番環境では避けるべきです。代わりに、ホストの検証を適切に行うよう設定を変更することをお勧めします。
もしセキュリティやAPI管理にさらに関心があれば、AWS API Gatewayや他のAPI管理ツール、例えばEchoAPIの活用を検討してみてください。それにより、今後の拡張性や運用面でも安定性が向上しますよ。

Comments

[miii]

コメントありがとうございます。
よくこれらの方法がネットに記載されていたため、真似しようと思いましたがセキュリティ的に宜しくないこと勉強になりました。
ホストの検証とは、具体的にどのようなことをすべきでしょうか。

Answer 2

根本的には以下と同じ問題ではないでしょうか
https://github.com/scratchfoundation/scratch-gui/issues/5682
AllowedHostsにアクセスを許可するホストを入れないと、このホストヘッダーでのアクセスは違うよね、とエラーになります。

なので、AllowedHostsにALBのDNS名（自分のドメインを設定しているならそのドメイン名）を入れれば行けそうな気がします。
気になるのはそうしたときのALBのヘルスチェックがどう扱われるかですね…。
ALBのヘルスチェックはEC2インスタンスに対してプライベートIPでのアクセスを行うため、EC2インスタンスのプライベートIPも追加する必要があるかも知れません。
（むしろ、今ALBのヘルスチェックが失敗していないか気になるのですが…）

なお今回はALB経由でのアクセスということなので、EC2インスタンスへのアクセスはセキュリティグループで絞り、ホストの検証はALB側で行うのもいいでしょう。

• EC2インスタンスのセキュリティグループで、ALBのセキュリティグループからの接続のみを許可する
  • これはいずれのやりかたでも推奨
  • 追加があっても、接続確認用に自分のIPからの接続も許可するぐらいにとどめましょう
• ALBのリスナールールで、ホストヘッダーが一致したらEC2のあるターゲットグループに転送する。デフォルトでは404や403などを返すようにする

などで実現できます。
こうすると、正しいホスト名（ドメイン）でのアクセスだけターゲットグループに転送し、それ以外はエラーを返すような設定をALBの設定だけで行えます。

Comments

[miii]

いただいたURLを参考にいじってみたところ、無事解決できました！
この記事を見つけることができなかったので、本当に感謝です…。
また、ヘルスチェックも見直してみたところ、やはり設定が誤っておりました。

細かく教えていただき、本当にありがとうございました。