如何将我的服务器与我的 ember cli 应用程序连接起来

Question

我的服务器在端口：3000 上工作，我正在使用节点，在服务器端表达，这在使用 curl 或 REST 客户端时工作正常。

ember cli 服务器正在使用端口：4200

我在 environment.js 上添加了这段代码，用于将服务器连接到客户端。

contentSecurityPolicy: {
              'default-src': "'none'",
              'script-src': "'self' 'unsafe-inline' 'unsafe-eval'",
              'font-src': "'self'",
              'connect-src': "'self' http://localhost:3000",
              'img-src': "'self'",
              'report-uri':"'localhost'",
              'style-src': "'self' 'unsafe-inline'",
              'frame-src': "'none'"
     }

我的应用程序适配器代码是：

import JSONAPIAdapter from 'ember-data/adapters/json-api';

export default JSONAPIAdapter.extend({
    "host": "http://localhost:3000",
    "namespace": "api"
});

以这种方式运行我的 ember 服务器 ember 服务器 --proxy http://127.0.0.1:3000 在控制器上我使用 ajax 调用：

            $.ajax({
                    type: 'POST',
                    url: '/blog',
                    contentType: 'application/json',
                    data: param,
                    processData: false,
                    success :
              });

它得到一个错误： POST http://localhost:4200/blog500（内部服务器错误）

我已经完成了所有这些，但我不知道为什么它不起作用。 如果您对此有任何想法，请帮助我。

Answer 1

您需要了解连接到 API 的两种方式之间的区别：

代理

您可以使用ember-cli 的--proxy 选项将所有发送到您的ember 开发服务器但未由ember 处理的请求代理到您的后端。

这是执行此操作的好方法，因为从您的应用程序和浏览器的角度来看，您的后端和您的应用程序位于同一主机上。

如果您这样做，您应该不在您的适配器上指定 host 或将您的后端添加到您的 CSP 配置中。

但是，只有在生产环境中您从后端为您的 ember 应用程序提供服务时，您才能执行此操作。

CORS

连接到后端的另一种方法是将请求直接发送到另一个源。但是，这将是 CORS 请求，因此他们需要在您的后端进行额外配置！

如果您想直接从不同来源获取数据，则在浏览器登陆您的服务器时需要提供额外的HTTP 标头（CORS 标头）。

但是您应该这样做只有如果您不会在生产中从后端服务器交付前端。

如果您想使用CORS，您应该不在运行ember serve 时指定--proxy 标志，而是指定host 并正确配置您的CSP。

---

我还提到您在ember serve 通话中错过了=。

不是ember server --proxy http://127.0.0.1:3000，而是ember server --proxy=http://127.0.0.1:3000！

通常，如果您执行ember serve --proxy=http://127.0.0.1:3000，那么对http://localhost:4200/blog 的HTTP AJAX GET 调用应该返回与http://127.0.0.1:3000/blog 相同的结果。

要对此进行测试，我建议您使用 HTTP 开发客户端，例如 this one。

我假设您在 http://127.0.0.1:3000/blog 上也获得了 HTTP 500。然后你的后端出了点问题。也许正确的 URI 是http://127.0.0.1:3000/blogs？这将是 embers 的默认设置。

如果您从您的 ember 应用程序直接调用 http://127.0.0.1:3000/blogs，但如果您不提供 CORS 标头，这将始终导致错误。