0

S3 バケットから .svg アイコンをロードしようとすると、コンソールに次のエラーが表示されます。

Failed to load https://<my_bucket>.s3.amazonaws.com/static/js/Trumbowyg-master/dist/ui/icons.svg: 
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'https://<my_site>.com' is therefore not allowed access.

どうすればこれを修正できますか？

4

1 に答える 1

1
  1. S3 コンソールに移動します
  2. バケット名をクリックします
  3. 「アクセス許可」に移動します
  4. 「CORS 構成」に移動します

  5. CORS ルールを構成します。ここでは、ワイルドカード (*) オリジンを使用した例を示します。独自のオリジンと目的のメソッドを使用して、変更を保存できます。

    <?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>
</CORSConfiguration>
于 2018-02-24T11:41:37.030 に答える