Javascript面试题 阐述js的跨域

跨域是指在浏览器中，当一个网页的脚本试图访问不同源（域、协议或端口）的资源时，就会发生跨域问题。这是由于浏览器的同源策略所限制的安全机制。

同源策略要求网页只能与同一域名、协议和端口的资源进行交互，而不能直接访问其他域名下的资源。跨域问题常见于以下场景：

1. Ajax请求：当使用XMLHttpRequest或Fetch API发送Ajax请求时，浏览器会检查请求的目标是否与当前页面具有相同的源。如果不同源，则会触发跨域问题。

2. 脚本访问：当一个网页中的脚本尝试访问不同源的资源（如通过<script>标签引入的外部脚本），也会触发跨域问题。

为了解决跨域问题，可以采取以下方法：

1. JSONP（JSON with Padding）：通过动态创建<script>标签，将需要获取的数据作为回调函数的参数传递给服务器，服务器将数据包装在回调函数中返回给客户端。由于<script>标签没有同源限制，因此可以实现跨域请求。

2. CORS（Cross-Origin Resource Sharing）：在服务器端设置响应头，允许指定的域名访问资源。通过在响应头中添加"Access-Control-Allow-Origin"字段，可以指定允许访问的域名。浏览器在收到响应时会检查该字段，如果允许访问，则将响应返回给客户端。

3. 代理服务器：在同源策略下，可以通过在服务器端设置代理，将客户端的请求转发到目标服务器上，并将响应返回给客户端。这样客户端就可以绕过跨域限制。

4. WebSocket：WebSocket协议不受同源策略的限制，可以在不同源之间建立持久化的双向通信连接，实现跨域通信