跨源资源共享（CORS）是一种允许在不同域之间共享资源的机制。在前端开发中，当你想从一个不同的域名请求数据时，CORS 就显得非常有用。
在 AngularJS 中，启用 CORS 有很多方法。下面我们将讨论这些方法以及如何使用它们。
方法 1：在服务器端设置响应头来启用CORS
首先，我们可以在服务器端设置响应头来启用CORS。例如，在 Node.js 中，可以使用以下代码：
--------------------- ---- ----- -
----------------------------------------- -----
------------------------------------------ -------- ----------------- ------------- ---------
-------
---这将把 Access-Control-Allow-Origin 和 Access-Control-Allow-Headers 添加到响应头中，并允许所有来源的请求通过。但是，这种方法需要你能够修改服务器端的代码。
方法 2：使用 $httpProvider.defaults
第二种方法是使用 $httpProvider.defaults 来配置默认的请求选项。在 config 函数中，可以添加以下代码：
--------------------------------- - ----- ------ ----------------------------------------------------------
这将在每个请求中设置 useXDomain 和删除 X-Requested-With 头部，从而启用 CORS。但是，这种方法只适用于 AngularJS 1.3 及更早版本，因为在 AngularJS 1.4 中已经不再支持删除默认头部。
方法 3：使用 $http 调用
第三种方法是在每个 $http 调用中设置选项。可以像这样添加 headers 和 withCredentials 参数：
-------
------- ------
---- ------------------------------
-------- -
------------------------------ ---
--
---------------- ----
---------------- ------------------------- -
-- ---------
-- -------- ----------------------- -
-- ---------
---这将在每个请求中设置 Access-Control-Allow-Origin 头部，并允许跨域访问。如果需要发送 cookie，可以将 withCredentials 设置为 true。但是，这种方法需要在每个 $http 调用中手动添加参数，有一定的重复性和不便。
总结
启用 CORS 的方法有很多，以上只是其中的几种。选择哪种方法取决于你的具体需求和实际情况。当然，在启用 CORS 时也需要了解安全性问题，并采取适当的安全措施。
希望本文对你学习 AngularJS 中如何启用 CORS 有所帮助！
参考示例代码：
-- -- -
--------------------- ---- ----- -
----------------------------------------- -----
------------------------------------------ -------- ----------------- ------------- ---------
-------
---
-- -- -
--------------------------------- - -----
------ ----------------------------------------------------------
-- -- -
-------
------- ------
---- ------------------------------
-------- -
------------------------------ ---
--
---------------- ----
---------------- ------------------------- -
-- ---------
-- -------- ----------------------- -
-- ---------
---来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/25108