在 ember-cli 服务器上为静态文件设置 CORS

Question

如何在内置 ember-cli 服务器上对字体文件（或任何其他静态资源）的请求设置 CORS？

此错误信息仅供参考：

Font from origin 'http://some-domain:4200' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:61277' is therefore not allowed access.

Answer 1

在 config/environment.js 的 ENV 中添加以下内容：

module.exports = function(environment) {
    contentSecurityPolicyHeader: 'Content-Security-Policy',
    contentSecurityPolicy: {
      // ... other stuff here
      'font-src': "'self' http://some-domain:4200",
    },
}

Answer 2

我尝试添加 CSP 设置，但没有成功。我的 Ember 应用的 CSS 引用的字体文件仍然出现 CORS 错误。在另一个 post 中，我看到有人提到 ember-cli-cors，我试过了，似乎为我解决了这个问题。它只是添加了 CORS headers 允许来自任何地方的请求到所有资源，这正是我需要让所有资源在我的本地开发环境中正确加载使用 ember-cli 服务 Ember 应用程序资产所需要的s 内置 ember serve 命令到另一个本地开发服务器运行一个 Python 应用程序为我的 index.html 从 Redis(ember-cli -部署风格）。

在 ember-cli 服务器上为静态文件设置 CORS

Setting CORS for static files on ember-cli server

cors

ember.js

ember-cli