Froalaを使用してS3に画像をアップロードできません

Question

私は一日試してきましたが、修正できません。コンソールでこのエラーが発生しました。

XMLHttpRequest cannot load https://s3-us-east-2.amazonaws.com/My-bucket. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access. 

そして、これはこれは、Amazon S3の上で私のCORS設定ですAngular2

imageUploadToS3: { 

bucket: 'flagfrog-article-cloud', 
region: 's3-us-east-2', 
keyStart: 'article-image/', 
params: { 
    acl: 'public-read', // ACL according to Amazon Documentation. 
    AWSAccessKeyId: 'AKIAJEMDZVXVLMPDNA4A', // Access Key from Amazon. 
    policy: 'Policy1498724219240', // Policy string computed in the backend. 
    signature: 'flagfrogweb', // Signature computed in the backend. 
} 

に私のコードです。

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

ここに何か不足していますか？助けてください

Answer 1

Amazonはワイルドカードの起源を許可しません。 CORSの設定は次のようなものにする必要があります。

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