Question

我在Amazon S3上有一个存储桶。在桶中我有这个：

资产/ CSS / bootstrap.css

资产/字体/ glyphicons-半身-regular.woff2

资产/字体/ glyphicons-半身-regular.woff

资产/字体/ glyphicons-半身-regular.ttf

正如Bootstrap documentation所暗示的那样。但是我在我的网站上看不到字形，而是在控制台上出现这个错误：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://bootstrapvitality.s3.amazonaws.com/assets/fonts/glyphicons-halflings-regular.ttf. (Reason: CORS header 'Access-Control-Allow-Origin' missing). <unknown>
downloadable font: download failed (font-family: "Glyphicons Halflings" style:normal weight:normal stretch:normal src index:3): bad URI or cross-site access not allowed source: https://bootstrapvitality.s3.amazonaws.com/assets/fonts/glyphicons-halflings-regular.ttf

对于每个glyphicon文件。我该如何解决这个问题？

Answer 1

我建议你使用Bootstrap CDN。

http://getbootstrap.com/getting-started/

祝你好运

Answer 2

将此添加到权限/编辑CORS配置解决了它：

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

无法在Amazon S3上托管引导程序和glyphicons。跨源请求被阻止。

2 个答案: