Habilite o Cross Origin Scripting no Nginx do retina.js para carregar arquivos de outro URL?

Question

Estou executando um plug-in de imagem de retina junto com o W3 Cache para suporte a CDN. O cache do W3 move as imagens para o S3, mas o arquivo JS não armazena os arquivos de lá devido à diferença na URL (vai de h ttp: //mysite.com para h ttp: //assets.mysite.com)

Encontrei um post que diz para ativar isso, basta adicionar isso ao seu .htaccess

# ----------------------------------------------------------------------
# CORS-enabled images (@crossorigin)
# ----------------------------------------------------------------------
# Send CORS headers if browsers request them; enabled by default for images.
# developer.mozilla.org/en/CORS_Enabled_Image
# blog.chromium.org/2011/07/using-cross-domain-images-in-webgl-and.html
# hacks.mozilla.org/2011/11/using-cors-to-load-webgl-textures-from-cross-domain-images/
# wiki.mozilla.org/Security/Reviews/crossoriginAttribute
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
# mod_headers, y u no match by Content-Type?!
<FilesMatch "\.(gif|png|jpe?g|svg|svgz|ico|webp)$">
SetEnvIf Origin ":" IS_CORS
Header set Access-Control-Allow-Origin "*" env=IS_CORS
</FilesMatch>
</IfModule>
</IfModule>

e, em seguida, o JS será capaz de carregar as imagens do S3 - mas não tenho idéia de como fazer isso no Nginx. Alguém poderia me dar um exemplo fácil?

Post original este era o formulário - link

    

Answer 1

Confira esta essência . Você vai querer ajustá-lo um pouco para as suas preferências de domínio e cache.

    

Answer 2

Você precisará ativar as regras do CORS no seu intervalo do S3, link

regra simples que deve funcionar para você é:

<CORSConfiguration>
<CORSRule>
<AllowedOrigin>*</AllowedOrigin>
<AllowedMethod>GET</AllowedMethod>
</CORSRule>
</CORSConfiguration>