6

Minha aplicação utiliza um bucket na AWS para hospedar os arquivos estáticos e de MEDIA, eis o link: http://memoriasclubeturismoenv.us-east-2.elasticbeanstalk.com/gilson-rolim-02-12-2019 ou https://memorias.clubeturismo.com.br/gilson-rolim-02-12-2019

Na minha aplicação utilizo um plugin chamado "Dearflip".

O problema é que, por algum motivo, mesmo configurando o CORS no bucket, continua dando problema ao executar o plugin.

O erro é este: Access to image at 'https://media-memorias.s3.amazonaws.com/media/models/Capa_mvd8KiC.png' from origin 'http://memoriasclubeturismoenv.us-east-2.elasticbeanstalk.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Adicionei o seguinte no bucket:

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

Alguém tem alguma ideia de como solucionar este mistério?

6

1 Resposta 1

0

Creio que apenas baste adicionar mais uma linha na configuracao do Bucket

<AllowedMethod>HEAD</AllowedMethod>

para testar correctamente, eu vou à pagina www.jquery.com, abro a consola e digito:

$.get('https://media-memorias.s3.amazonaws.com/media/models/Capa_mvd8KiC.png', 
  data => console.log(data) );

e correctamente, mostra o erro CORS

Access to XMLHttpRequest at
'https://media-memorias.s3.amazonaws.com/media/models/Capa_mvd8KiC.png'
from origin 'https://jquery.com' has been blocked by CORS policy: No
'Access-Control-Allow-Origin' header is present on the requested
resource.

para teste, copiei a sua imagem e coloquei no meu novo bucket, e tambem mostrou o erro, mas depois de o configurar com HEAD logo deu certo.

inserir a descrição da imagem aqui


Se eu editiar o seu Array de imagens e meter o meu link, vejo tudo certo tambem:

inserir a descrição da imagem aqui

apenas modifiquei a variavel option_button_image que tem no final da pagina para que contenha o meu link...

7
  • Adicionei o <AllowedMethod>HEAD</AllowedMethod> mas não deu certo :(, o mais estranho é que a mesma imagem abre na pagina, mas quando inicia o plugin, não funciona. 5/12/2019 às 11:20
  • @VictorFernandes mas agora com o HEAD vejo todas as outras images que nao conseguia antes ;) já desfolheaste o "livro"?
    – balexandre
    5/12/2019 às 11:56
  • Esse é que é o estranho, as outras imagens abrem, exceto a primeira. Quando clico para folhear, apenas a primeira imagem não aparece aqui. Você consegue visualizar todas? 5/12/2019 às 12:13
  • faz o seguinte, apaga a imagem, e volta a fazer o upload, até mesmo com outro nome, muda no codigo e tenta ... sim todas as outras imagens conseigo excepto a capa... mas se apagares e voltares a meter-la no bucket pode dar resultado...
    – balexandre
    5/12/2019 às 12:23
  • Fiz isso, alterei a imagem pela aplicação, mas, novamente, não deu certo :'( 5/12/2019 às 12:27

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .