JavaScript 中什么是跨域？怎么解决跨域问题？

跨域（Cross-Origin）指的是在 Web 开发中，浏览器的安全策略限制了一个网页去请求另一个域名下的资源，即在不同的域、协议或端口下进行 HTTP 请求。

跨域问题的原因：

浏览器出于安全考虑实行同源策略（Same-Origin Policy），限制了来自不同源的页面间的交互，包括以下内容：

• 协议不同： 比如从 http://domain.com 向 https://domain.com 请求数据。
• 域名不同： 比如从 domain1.com 向 domain2.com 请求数据。
• 端口不同： 比如从 domain.com:3000 向 domain.com:4000 请求数据。

解决跨域问题的方法：

1. CORS（Cross-Origin Resource Sharing）： 服务器端设置响应头，允许指定源的请求访问资源。使用 CORS 可以在服务器端进行配置，允许特定的域访问资源。

2. JSONP（JSON with Padding）： 利用 <script> 标签可以跨域加载资源的特性，通过动态创建 <script> 标签来获取数据。

3. 代理服务器： 前端通过与同源的服务器通信，再由服务器与目标服务器通信，将目标服务器的数据返回给前端，绕过了浏览器的同源策略。

4. 使用 document.domain： 当两个页面的二级域名相同，可以通过设置 document.domain 来实现跨域通信。

5. WebSocket： WebSocket 是一种全双工通信协议，可以实现跨域通信。

6. 跨域资源共享（Cross-Origin Resource Sharing）： 允许服务器指定哪些源可以访问该资源。

不同的解决方案适用于不同的场景和需求。通常，CORS 是最常用且推荐的解决跨域问题的方式，因为它提供了更加灵活和安全的跨域控制方式。