什么是跨域怎么解决跨域问题

当一个域名端口相同的网页试图去请求另一个域的资源时，就会出现跨域问题。浏览器出于安全考虑，通常限制跨域请求，以防止恶意的网站获取用户的敏感信息。

1.JSONP（JSON with Padding）

JSONP 是一种利用 <script> 标签没有跨域限制的特性来实现跨域通信的方法。通过动态创建 <script> 标签，将需要访问的数据作为参数传递到目标服务器上的一个回调函数中，然后在目标服务器上返回数据时，将数据作为函数的参数传递给该回调函数。虽然 JSONP 可以解决一部分跨域问题，但是它只支持 GET 请求，并且不安全，容易受到 XSS 攻击。

2.CORS（Cross-Origin Resource Sharing）

CORS 是一种官方标准的跨域解决方案，通过在服务端设置相应的响应头，允许跨域请求。在服务端设置 Access-Control-Allow-Origin 头部字段来指定允许访问的域名，以及其他一些相关的头部字段，如 Access-Control-Allow-Methods、Access-Control-Allow-Headers 等。使用 CORS 解决跨域问题比 JSONP 更为安全可靠，并且支持各种类型的请求。

3.代理服务器

在同源策略下，服务端可以自由请求其他域上的资源。因此，可以在自己的服务器上设置一个代理，让客户端向自己的服务器发送请求，然后由服务器转发请求到目标服务器上，最后再将目标服务器的响应返回给客户端。这样就避免了浏览器的跨域限制。

4.WebSocket

WebSocket 是 HTML5 新增的协议，它可以在浏览器和服务器之间建立持久性的全双工通信连接。由于 WebSocket 不受同源策略的限制，因此可以通过 WebSocket 来实现跨域通信。

5.跨域资源共享

CORS 是 W3C 标准，是跨域资源访问的一种方式。它允许在服务器端设置响应头，从而决定是否允许跨域访问资源。通过在响应头中添加 Access-Control-Allow-Origin，Access-Control-Allow-Methods 等字段，来指定允许跨域访问的资源和请求方式。