エールは別途Nginxの設定なく、上記のようなリバースプロキシが動作する機能をサポートしており、ReactなどのWeb Applicationをプリセットとして使用するスタティックサイトに簡単に適用できます。
準備事項
リバースプロキシ機能を適用しようとするReactなどのフロントエンドサービスのコードの中で、外部のAPI URLを呼び出す部分を自身を呼び出すように記述する必要があります。この部分はデプロイ過程でRewriteフィールド値入力を通じてリバースプロキシで処理されます。
リバースプロキシ適用(Rewrites)
ReactなどWeb applicationをプリセットとして使用するフロントエンドサービスのデプロイ設定画面で、Rewritesフィールドを以下の規則で入力してリバースプロキシを適用できます。
- 左側フィールド ：コードに記述された呼び出しパス
- 右側フィールド ：実際に呼び出すべきパス
ドロップダウンメニューから同一環境にあるサービスを選択し、パスを追加するか、URLを直接入力できます。