0

我用这个撞到了墙上，希望这是一个愚蠢的疏忽，有人可以帮忙。

我正在使用一个视网膜 jquery 插件来加载视网膜图形（顺便说一句，效果很好！）；但是，它正在寻找附加了“_2x”的文件——如果它们托管在我们的服务器上，这些文件存在并且工作得很好。

问题出现在 Amazon S3 上，它允许我直接链接到文件；但是，当它尝试查找带有retina 后缀的文件时，会出现以下错误：

XMLHttpRequest cannot load http://cloud.mfivem.com/ui/bg/bg_linen_2x.png. Origin http://beta.mfivem.com is not allowed by Access-Control-Allow-Origin.

现在，原始文件存在，视网膜版本也存在 - 这些文件是：

http://cloud.mfivem.com/ui/bg/bg_linen.png
http://cloud.mfivem.com/ui/bg/bg_linen_2x.png

我还尝试了文件的后门：

http://mfivem.s3.amazonaws.com/ui/bg/bg_linen_2x.png

这是我为存储桶配置的 CORS 文件：

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

我非常感谢任何建议，并且考虑到启用视网膜的网站的爆炸式增长，我相信其他成员将来会发现这很有帮助。

谢谢阅读！

** 编辑的 URL 注释 **

4

1 回答 1

2

好吧我想通了...

我必须将HEAD添加到 AllowedMethod，但更重要的是......我必须更改文件的名称并重新上传它们。

我认为在 S3 和 Cache 之间没有正确提取文件；但是，在重命名文件、修改 allowedmethod 以包含 head 之后，它现在可以完美运行。

真的很兴奋，因为现在我可以从我们的自定义 CNAME 服务器提供文件，使用 Cloudfront + S3 掩盖又长又丑的 s3 地址。

如果您对此有任何问题，请发表评论，我会尽力提供帮助！

于 2012-12-28T19:19:30.737 回答