【AWS】Lambda関数にGETした後、responseが返ってこずに504エラーになる

Question

解決したいこと

AWSでOrigin Read Timeoutと、Origin Keepalive Timeoutを指定した時間に設定したい。

問題

Vue.jsからLambda関数にGETした際に、responseが返ってくるまで約40秒かかっています。
デフォルトでは30秒でタイムアウトになるらしく、504エラーになる。

やりたいこと

・responseが返ってくるまで約40秒かかるので、CloudFrontがオリジンからのレスポンスを待つ時間を増やしたい(デフォルトが30秒)

→以下の記事にやりたいことが書いてあるのですが、画像のように、Origin Read Timeoutと、Origin Keepalive TimeoutがCloudFront内で見つかりません。
そのため、制限時間を増やすことができていません。
Origin Read Timeoutと、Origin Keepalive Timeoutの制限時間を増やす方法を教えていただきたいです。
記事はこちらです

Answer 1

TIMEOUTエラーが発生した際の対処法としまして、Vue.jsで.catch(function(error){}を使用しました。
今回は、インスタンスの状態が"running"であるときにレスポンスを返したかったため、
AWSでインスタンスのステータスを確認し、"running"であればレスポンスを返すようなLamnda関数を作成しました。
TIMEOUTエラーになると.catch(function(error){}でLambda関数を実行するようにしました。

Answer 2

記事のスクリーンショットをよく見てください。
「Create Origin」とありますよね？

Distributionをまず作成してから、カスタムOriginを追加するときに指定できるようになります。
https://docs.aws.amazon.com/ja_jp/AmazonCloudFront/latest/DeveloperGuide/RequestAndResponseBehaviorCustomOrigin.html