angular-cli - 运行angular-cli服务时如何指定 'Access-Control-Allow-Origin'

Question

我正在运行一个 Spring API 服务器和一个 Angular-cli 服务器来提供我的静态内容。在生产中，我们将使用 CDN，但在开发中，前端和后端服务器都在我本地机器上的不同端口上运行。 Spring 服务器提供初始 html 页面，然后其余的 JS、CSS 和 html 来自 angular-cli/CDN。

问题是，当调用 System.import() 时，浏览器会提示 CORS:
XMLHttpRequest 无法加载 http://localhost:4200/system-config.js .请求的资源上不存在“Access-Control-Allow-Origin” header 。起源' http://localhost:8080 ' 因此不允许访问。
zone.js:323 错误:错误:加载 XHR 时出错 http://localhost:4200/system-config.js (…)

如何配置 angular-cli 以设置“Access-Control-Allow-Origin” header ，以便浏览器不会呕吐。

Answer 1

FWIW，

CORS 现在已在 angular CLI 中启用。开箱即用的 Access-Control-Allow-Origin header 设置为 * .
不确定确切的发布时间，但可以肯定 1.0.0稍后启用它。

与所有 CORS 问题一样，您的 API 服务器也需要配置为接受 CORS。