javascript - 使用 ember.js(使用 ember-cli)时出现 Access-Control-Allow-Origin 错误

Question

这是我在 (app/routes/customers.js) 中的路线:

export default Ember.Route.extend({
  model: function() {
    return $.getJSON("http://127.0.0.1:3000/odata/customers");
  }
});

这是我的 router.js:

export default Router.map(function() {
  this.route('customers', {path: '/'});
});

http://127.0.0.1:3000/odata/customers 是我的 api，但是 ember-cli 使用 http://localhost:4200/，当我打开http://localhost:4200/，

在控制台中，错误信息是:
XMLHttpRequest 无法加载 http://127.0.0.1:3000/odata/customers。请求的资源上不存在“Access-Control-Allow-Origin” header 。因此不允许访问源“http://localhost:4200”。


我找到一篇文章:https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

所以我知道出了什么问题，但我不知道在使用 ember.js 时如何修复它。

抱歉我的英语不好，希望这很清楚...

Answer 1

问题不在于 Ember。它是端口 3000 的服务器。如果您的 Ember 应用程序在不同的端口上运行，它基本上是跨域的，因此端口 3000 的服务器必须启用 CORS。节点 js 和 express 的示例如下:http://enable-cors.org/server_expressjs.html您需要弄清楚如何为后端执行此操作。但归根结底，基本上只是将正确的 header 添加到响应流中。

其他例子:

http://enable-cors.org/server_iis7.html

http://enable-cors.org/server_php.html

请注意，如果您确实想阻止 Ember 服务器向其他来源发送请求，您可以使用 Content Security Policies .