1. ホーム
  2. amazon-web-services

[解決済み】S3 - アクセス制御-許可-起源ヘッダ

2022-04-03 22:29:40

質問

を追加することができた人はいますか? Access-Control-Allow-Origin をレスポンスヘッダに追加してください。 私が必要とするのは、このようなものです。

<img src="http://360assets.s3.amazonaws.com/tours/8b16734d-336c-48c7-95c4-3a93fa023a57/1_AU_COM_180212_Areitbahn_Hahnkoplift_Bergstation.tiles/l2_f_0101.jpg" />

このgetリクエストは、レスポンスにヘッダを含む必要があります。 Access-Control-Allow-Origin: *

私のバケットのCORS設定はこんな感じです。

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

ご想像の通り Origin レスポンスヘッダが表示されます。

解決方法は?

通常は、バケツのプロパティに "Add CORS Configuration" を追加するだけでよいでしょう。

<CORSConfiguration> には、いくつかのデフォルト値が含まれています。これだけで、あなたの問題を解決することができました。保存"をクリックして、うまくいったかどうかもう一度試してみてください。もしうまくいかなかったら、以下のコードも試してみてください(alxrbの回答より)ほとんどの人がうまくいったようです。

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>HEAD</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <AllowedHeader>Authorization</AllowedHeader>
    </CORSRule>
</CORSConfiguration> 

さらに詳しい情報は、こちらの記事をご覧ください。 バケット編集権限 .