cloudfrontからs3のバケットを表示させたい

Question

CloudFrontからs3のバケットへアクセスしたい

s3の静的ファイルをcloudfrontを使って表示させようとしてるのですが、うまくいきません。
詰まっている内容としてはcloudfrontへ複数originを設定していることが大きな要因だとは思うのですが、原因を特定するとことができませんでした。

発生している問題・エラーメッセージ

エラーメッセージ

This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>K4T15V3ASB9A75EM</RequestId>
<HostId>K43yz2wt2bfht3Jolrnw601ECoXgXC6nWwqDrQ2Kt9NubtluBD/hX72sxEFj4ZhNXsGgzbfpmUk=</HostId>
</Error>

設定

画像が添付できなかったのでgoogledriveへあげたのでこのリンクを見ていただけるとorigin,ビヘイビアに関する設定がご覧いただけます。
https://drive.google.com/drive/folders/1MbTPVjFbuZLMhJHxo3UdWKATY6qLaYxa?usp=sharing

apoigatewayは問題なく使えるのですが、そのほかのs3へのアクセスに関しては上記のエラーが出てしまい、うまくいけません。
また、s3のバケットポリシーは以下の通りです。
よろしくお願いします。

{
    "Version": "2008-10-17",
    "Id": "test",
    "Statement": [
        {
            "Sid": "1",
            "Effect": "Allow",
            "Principal": {
                "AWS": "*"
            },
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::****-notauth/*"
        }
    ]
}

Comments

[mike2mike4]

Google Driveのアクセス権はリクエストしないといけないようですが

[pro_hro]

申し訳ないです。修正しました。ご確認よろしくお願いします。

[mike2mike4]

＞apoigatewayは問題なく使えるのですが
すみません、この箇所説明がないのでわかりません。apoigatewayとは何ですか？　「使える」とは「表示できる」という意味でしょうか？
とりあえず、1つのOrigin、behaviorで表示できるか試してみては

[jhashimoto]

CloudFrontのリクエスト転送先は、1.S3Webサイトホスティング、2.S3バケットのどちらですか？それによってオリジンおよびビヘイビアの構成は変わります。1はhttpによるWebサーバーへのリクエスト、2はS3 API (GetObject) によるバケットへのリクエストとなります。

[pro_hro]

ありがとうございます

適切な情報を開示できずにすみませんでした。

Answer 1

https://qiita.com/uramotot/items/592b43cf564060e8a365

この記事を参考に自己解決しました。