AWSのCloud Frontを噛ませたサーバに通信すると502エラーが発生していました。
調べた所、リクエストをCloudFrontから実際のサーバに転送する際にクエリストリングが捨てられる様です。
以下の手順でクエリストリングも転送できる様にします。
ポリシーを作成する
CloudFrontを開いて「Policies」「Create cache policy」をクリックします。
![画像に alt 属性が指定されていません。ファイル名: c3e38ba986c27bea49cbba0f85f0679f.png](https://i.gyazo.com/c3e38ba986c27bea49cbba0f85f0679f.png)
Query Stringを「All」に設定します。
![画像に alt 属性が指定されていません。ファイル名: 4fca8c584585ed15442ddc89ef6e1ea1.png](https://i.gyazo.com/4fca8c584585ed15442ddc89ef6e1ea1.png)
ポリシーを選択する
「Distributions」をクリックします。
変更したいDistributionにチェックを入れます。
「Distribution Settings」をクリックします。
![画像に alt 属性が指定されていません。ファイル名: 23f710f5de8a0ea46c85acf230170ff1.png](https://i.gyazo.com/23f710f5de8a0ea46c85acf230170ff1.png)
「Behaviors」をクリックします。
変更したいBehaviorsにチェックを入れて「Edit」をクリックします。
![画像に alt 属性が指定されていません。ファイル名: ba043d8cf205a781047b5958c6504411.png](https://i.gyazo.com/ba043d8cf205a781047b5958c6504411.png)
作成したポリシーを選択します。
![画像に alt 属性が指定されていません。ファイル名: 0436316657459d903b13ce16b56a2fd8.png](https://i.gyazo.com/0436316657459d903b13ce16b56a2fd8.png)
以上です。
Webエンジニアをやっています
UX/UIデザインからプログラミング、DB設計、SEO、インフラ構築など幅広く対応してます
PHP/PHPUnit/Laravel/Vue/Nuxt/Docker/Terraform
ご連絡はTwitterのDMまで。