在开发 AngularJS SPA（单页面应用）应用时，经常会面临跨域问题。这个问题在开发过程中比较普遍，尤其是当我们需要与不同的后端服务交互时。在本文中，我们将详细介绍 SPA 应用中跨域问题的原因，并提供解决方案和示例代码。
什么是跨域问题
跨域问题，指的是 JavaScript 发送跨域请求时会遇到的限制。通俗来讲，在浏览器中运行的 JavaScript 脚本只能访问与包含它的页面在同一域名下的资源。例如，如果我们在 a.com 域名下运行 JavaScript，那么我们只能通过 JavaScript 访问 a.com 域名下的资源，而不能直接访问 b.com 或 c.com 域名下的资源。
这个限制是有意而为之，主要是为了保证 Web 应用的安全性。避免恶意攻击者通过 JavaScript 脚本劫持用户的机器或访问其它网站上的敏感信息。
AngularJS 解决跨域请求的方法
在 SPA 应用中，通常使用 AngularJS 的 $http 服务进行与后台服务器的通信。而遇到跨域请求时，需要采用一些特殊的方法来解决问题。
1. 服务器端设置 Access-Control-Allow-Origin 头
在发起跨域请求时，服务器可以在响应头中添加 Access-Control-Allow-Origin 头，允许浏览器访问跨域资源。例如，以下代码演示了如何在 Node.js 服务器中设置该头：
------------------------------------------------- -----
这里我们设置了这个头的值为星号（*），这意味着任何域名都可以访问服务器返回的数据。当然，你也可以设置为单个域名，以保证只有该域名可以访问。
2. JSONP 跨域请求
JSONP（JSON with Padding）是一种使用