Nginx中的Angular2-缺少CORS标头'Access-Control-Allow-Origin'

Question

因此，我从Angular 2那里学习了英雄教程，并将其与angular-cli项目结合使用。 运行ng serve并在内存api中使用它可以正常工作。

更改了服务器URL，使其指向提供REST API的Tomcat服务器。 我已经用curl进行了测试，它可以返回数据。

然后，我将其构建用于生产，并将生成的捆绑包与tomcat放在同一台计算机上的nginx中。

在Firefox中运行，获取正确的页面，但没有数据。 控制台显示GET正常。 但是我得到了

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://centos7:8080/heroes/heroes. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

关于此主题的StackOverFlow中的其他问题表明，两者都必须位于同一个域中，tomcat服务器为centos7：8080 / heroes / heroes，而nginx服务器为centos7 /

我是否必须开放CORS？ 我看过http://enable-cors.org/server_nginx.html，所以需要在nginx.conf中添加它吗？

有人有什么想法吗？

问候

Answer 1

因此，如果这是正确的答案，那么我不是，但是它消除了浏览器控制台中的CORS错误。

在我的grails 3 rest api应用程序中，我添加了grails 3 COR拦截器https://github.com/appcela/grails3-cors-interceptor 。

我现在遇到另一个问题，但我将在另一个问题中提出。