rustのactix-webで書かれた（dockerized）バックエンドに接続するdockerized react.jsアプリケーションがあります。Docker-Composeファイルの開発と生産ファイルがあり、フロントエンドの構成に応じてバックエンドURLを動的に変更する方法を探しています。これを達成するための最もエレガントな方法は何でしょうか？この状況では、環境変数は、生産フロントエンドが構築された後に動的に変更できないため、困難であることに注意してください。
dockerized React.jsアプリケーションのバックエンドURLを動的に変更するには、実行時に読み取られる構成ファイルを使用できます。このファイルは、バックエンドURLを含み、各環境に対して動的に生成する必要があります。React.jsコードで、構成ファイルからバックエンドURLを読み取り、APIリクエストのベースURLとして使用します。

構成ファイルを生成するには、バックエンドURLの環境変数を読み取り、構成ファイルに書き込むBASHスクリプトを使用できます。制作Docker-Composeファイルでは、ruce.jsアプリケーションを実行するコンテナ内のボリュームとして構成ファイルをマウントできます。

このアプローチにより、環境変数に依存することなくバックエンドURLを動的に変更できます。これは、生産フロントエンドが構築された後に変更できません。