Cloudfront - 504 The request could not be satisfied

Update! As only the root page was showing corretly I had to keep searching for an answer.

Here is how I found my problem:

I got the config from both cloudfronts (one working and one not) so I could compare them.

#!/bin/bash

distribution_id=$1

commands=( "get-distribution-config" )

for command in "${commands[@]}"
do
    if [ -z "$distribution_id" ]; then
        echo "Please provide distribution id as first parameter"
        exit 1
    fi
    aws cloudfront $command --id $distribution_id > cf/$1-$command.json
done

When comparing them I noticed that one value was off. The Origins.Items[].CustomOriginConfig.OriginProtocolPolicy. It was set to https-only on the non-functional cloudfront. I updated the value to http-only and it now works as expected. I again use the web hosting endpoint.

Ill add the script for updating the config.

#!/bin/bash

distribution_id=$1

config_and_etag=$(aws cloudfront get-distribution-config --id $distribution_id)

current_config=$(echo $config_and_etag | jq '.DistributionConfig')

new_config=$(echo $current_config | jq '.Origins.Items[].CustomOriginConfig.OriginProtocolPolicy = "http-only"')

etag=$(echo $config_and_etag | jq -r '.ETag')

aws cloudfront update-distribution --id $distribution_id --distribution-config "$new_config" --if-match "$etag"

Hope this will help others, as this cost me a few gray hairs.