angular - 部署时没有 'Access-Control-Allow-Origin' 问题

Question

我是 Angular 2 的新手，我正在尝试使用 http GET 请求从我的服务器获取列表...

浏览器抛出这个错误XMLHttpRequest 无法加载 http://localhost:8080/student/list .请求的资源上不存在“Access-Control-Allow-Origin” header 。产地' http://localhost:4200 ' 因此不允许访问。student.service.ts:48 0 - {"isTrusted":true}

我用谷歌搜索并添加了 allow-control-allow-origin https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi现在一切正常..

如果没有，我在 serve.js 中添加了以下行但没有用 header :{ 'Access-Control-Allow-Origin' : '*' },

但是如何在没有上述快捷方式的情况下使这项工作..

提前致谢

Answer 1

CORS 是浏览器的一项安全功能，它不是可以绕过的错误，而是您应该遵守的内容。

部署时，您可以从同一源(例如，使用一些反向代理)同时为 Angular SPA 和后端提供服务，或者您必须为后端配置 CORS header 。