访问控制允许来源；角度和微服务

Question

我有一个非常简单的 Angular 应用程序，可以在 http://localhost:3000/ 上使用 Gulp 运行

lagom 开发的微服务在http://localhost:9000 上运行。

Lagom 是基于 Akka 和 PlayFramework 构建的框架，带有build.sbt

现在，当我想从微服务中获取列表时：

XMLHttpRequest cannot load http://localhost:9000/api/users/list. 
No 'Access-Control-Allow-Origin' 
header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access.

我应该在哪里启用 CORS？在角度或Lagom上？应该在build.sbt 上定义吗？

Answer 1

This article 应该回答这个问题以及以下所有问题。

简而言之：您的服务器应该提供一个特殊的标头，例如Access-Control-Allow-Origin: * 允许跨域请求。

这对于标准的 GET 请求应该足够了，但是当您想添加一些请求标头时，例如Authorization 或使用除 GET 之外的任何其他内容，服务器还应使用相同的标头响应所谓的 preflight OPTIONS 请求。

满足所有这些条件后，您可以继续使用您的服务。