js 如何解决跨域的? 2021

跨域问题是由浏览器的同源策略所引起的，同源策略要求网页中的脚本只能与同一域下的资源进行交互。

解决跨域问题的方法有多种：

1. JSONP：通过动态创建<script>标签，将请求转化为对跨域服务器上的一个JS文件的引用。服务器返回的JS文件会在浏览器中执行，通过回调函数将数据传递到页面中。

2. CORS（跨域资源共享）：在服务端配置响应头，指定允许访问的域，浏览器进行跨域访问时会先发送一个 OPTIONS 请求，服务器返回头部的 Access-Control-Allow-Origin 字段，确认是否允许跨域访问。

3. 代理服务器：在同一个域下搭建一个代理服务器，将跨域的请求发送到代理服务器，再由代理服务器发送请求到跨域的服务器，然后将结果再返回给浏览器。

4. WebSocket：WebSocket 是 HTML5 提供的一种在单个 TCP 连接上进行全双工通信的协议，可以与任意域的服务器建立连接，在客户端和服务端之间进行双向通信，不受同源策略的限制。

5. postMessage API：使用 postMessage 方法可以在不同窗口或标签页之间进行跨域通信，通过指定目标窗口和消息内容来发送消息，接收到消息后可以通过 MessageEvent 对象进行处理。

总结来说，解决跨域问题的方法有多种，具体选择哪种方法取决于项目的需求和实际情况。