Google App Engine 上的 Access-Control-Allow-Origin 标头答案

【问题标题】：Access-Control-Allow-Origin header on Google App EngineGoogle App Engine 上的 Access-Control-Allow-Origin 标头
【发布时间】：2013-07-07 11:24:40
【问题描述】：

我在 App Engine (python2.7) 上托管了一个网站，并在子域上有一个链接的博主。我在博客帐户上使用共享资源。具体来说，我分享了我在 CSS 中导入的图标字体（下面的示例）。

@font-face {
font-family: "FontAwesome";
src: url('fonts/fonts/fontawesome/fontawesome-webfont.eot');
src: url('fonts/fonts/fontawesome/fontawesome-webfont.eot?#iefix') format('eot'),
url('fonts/fonts/fontawesome/fontawesome-webfont.woff') format('woff'),
url('fonts/fonts/fontawesome/fontawesome-webfont.ttf') format('truetype'),
url('fonts/fonts/fontawesome/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face 导入适用于所有浏览器，除了 Firefox，它不允许跨域资源共享。

如何在 App Engine 上更改我的静态字体文件夹的标题以使导入在 Firefox 中正常工作？

【问题讨论】：

标签： python google-app-engine blogger

【解决方案1】：

如果您的资产存储在 Google Cloud Storage 中，您可以按照本指南设置标头： https://cloud.google.com/storage/docs/cross-origin

【讨论】：

【解决方案2】：

将以下处理程序添加到我在应用引擎上的 app.yaml 中，现在导入在所有浏览器中都可以正常工作。

handlers:
- url: /fonts
  static_dir: fonts
  http_headers:
    Access-Control-Allow-Origin: "*"

【讨论】：