Das Bild kann nicht mit Froala auf S3 hochgeladen werden

Question

Ich habe einen Tag lang versucht, aber ich kann es nicht beheben. Dieser Fehler ist in der Konsole aufgetreten.

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. 

Und dies ist mein Code auf 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. 
} 

Dies ist meine CORS-Konfiguration auf Amazon S3.

`<?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> 
` 

Fehle ich hier etwas? Bitte Hilfe

Answer 1

Amazon erlaubt keinen Platzhalter Ursprung. Ihre CORS-Konfiguration sollte in etwa so aussehen:

<?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>