モバイル デバイスで React アプリケーションをテストしようとしています。ngrok を使用してローカル サーバーを他のデバイスで利用できるようにし、さまざまな他のアプリケーションでこれを動作させています。ただし、ngrok を React 開発サーバーに接続しようとすると、次のエラーが発生します。
Invalid Host Header
React はデフォルトで他のソースからのすべてのリクエストをブロックすると思います。何かご意見はありますか?
ベストアンサー1
私は同様の問題に遭遇しており、ブラウザで直接アプリケーションを表示する限り機能する2つの解決策を見つけました。
ngrok http 8080 --host-header="localhost:8080"
ngrok http --host-header=rewrite 8080
当然ですが、8080は実行しているポートに置き換えてください。
このソリューションでは、React アプリから bundle.js を取得する埋め込みページでこれを使用すると、依然としてエラーが発生します。埋め込まれるとヘッダーが localhost に書き換えられるため、アプリがもう実行されていない localhost を参照していると思います。