在所有主要浏览器上使用SVG的Amazon S3 CORS问题

Question

我已正确设置S3(我相信如此!!)因为其他图像和webfonts正在从S3加载.但是,在我的HTML设计中,我有这个 -

<svg><use xlink:href="assets/img/i.svg#i-facebook"></use></svg>

不知何故,它没有在所有浏览器上加载(我在Chrome和Firefox上测试过).在chrome上它至少会出现错误,firefox会默默地解除它.

我刚刚发现了一个类似的资源 - https://github.com/jonathantneal/svg4everybody/issues/16.

如何解决这个问题.

Answer 1

经过几天的研究，我们认为 SVG<use>标签应该与 CORS 一起工作，但没有解决方案。

这是浏览器开发人员正在等待SVG 工作组提供的一项功能。

Answer 2

一般来说，这通常是因为您的 S3 存储桶上尚未启用跨域资源共享 (CORS)。

您可以在此处找到启用它的演练。检查标题为“如何在我的存储桶上启用 CORS？”的部分。