CloudFrontを使ってCDN配信をしているが502エラーが出てCSSやJSが配信されない

Question

CloudFrontを使ってCDN配信をしています

ある時を境に急にCSSやJSなどのCDN配信をしているファイルが502エラーが出て配信されなくなりました。

CloudFrontの設定は他の方が行ったためよくわからない状況なのですが考えられる原因とアプローチ方法を教えていただきたいです

エラーログとしてコンソールに
net::ERR_ABORTED 502
と表示されます

CDN配信するCSSやJSにはcdnとつけて配信をしますが
cdnを削除してアップするとエラーは無くなります
https://cdn.{$host}{$path}

■やったこと
・ブラウザのキャッシュを削除
・ブラウザの変更
・ブラウザをリロード
・端末を変えて表示確認

申し訳ないですがお心優しい方ご教授していただきたいです????‍♂️

Answer 1

CloudFrontを挟まなければ発生しないということは、CloudFrontのところに問題があるのでしょう。

CloudFrontの502として考えられる原因はドキュメントに載っているので、その中から一つずつ当たってみるといいと思います
CloudFrontの該当ドキュメント

何となく、証明書かプロトコル周りのような気がしますが…。