跨域问题是指在一个域下的网页去访问另一个域下的资源时，由于同源策略的限制而不能正常获取到该资源的问题。同源策略是浏览器对不同来源的文档进行隔离的一种安全机制，它限制了一个源下面的文档只能读取同源下的资源。源包括协议、域名、端口号三个部分，在任意一个部分不相同时，就会导致跨域问题的发生。
跨域问题的解决方式有多种，以下是其中比较常用的几种：
JSONP（JSON with padding）是一种跨域解决方案，通过动态创建 script 标签，将需要传递的数据包装成函数调用参数传递，在服务端返回 JavaScript 代码，客户端接收后即可执行该函数。由于 script 标签不受同源策略限制，因此可以实现跨域请求。
function jsonp(url, callback) {
var script = document.createElement("script");
script.src = url + "&callback=" + callback;
document.head.appendChild(script);
}
jsonp("http://www.example.com/data.php", "myCallback");服务端返回的 JavaScript 代码如下所示：
myCallback({
"name": "John",
"age": 20
});其中，myCallback 是客户端定义的回调函数，它将在服务端返回数据后执行。
CORS（Cross-Origin Resource Sharing）是一种跨域解决方案，它允许浏览器向服务器发出跨域请求，同时服务器也可以对跨域请求进行授权。CORS 的实现需要在服务端设置响应头 Access-Control-Allow-Origin，指定允许跨域请求的源地址。如果客户端请求的源地址在服务器指定的允许列表中，浏览器就会允许请求获取服务器返回的数据。
fetch("http://www.example.com/data.php", {
method: "GET",
mode: "cors",
headers: {
"Content-Type": "application/json"
}
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));在服务端的响应头中添加 Access-Control-Allow-Origin 以允许跨域请求：
header("Access-Control-Allow-Origin: http://www.example.com");其中，http://www.example.com 是允许跨域请求的源地址，可以指定多个源地址，用逗号分隔。
代理是一种跨域解决方案，它通过在服务端代理请求，将客户端的请求发送给服务端，然后服务端去请求需要获取的资源，并将请求结果返回给客户端。由于代理请求是在服务端发起的，因此不存在跨域问题。
例如，客户端请求需要获取的数据：
fetch("http://www.example.com/data.php", {
method: "GET",
headers: {
"Content-Type": "application/json"
}
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));服务端将客户端请求代理到需要获取数据的服务：
$url = "http://www.example.com/data.php";
$data = file_get_contents($url);
echo $data;其中，$url 是需要获取数据的服务地址，$data 是获取到的数据。
WebSocket 是一种双向通信协议，它使用客户端与服务器之间的长连接，实现实时数据交互。由于 WebSocket 是在客户端与服务器之间建立一个持久连接，并不需要经过 HTTP 请求，因此不存在跨域问题。
例如，在客户端创建 WebSocket 连接：
const socket = new WebSocket("wss://www.example.com/socket");
socket.onopen = () => {
console.log("WebSocket connection established.");
};
socket.onmessage = (event) => {
console.log("Received data: ", event.data);
};
socket.onerror = (error) => {
console.error("WebSocket error:", error);
};
socket.onclose = () => {
console.log("WebSocket connection closed.");
};在服务端监听客户端的 WebSocket 连接：
const WebSocket = require("ws");
const server = new WebSocket.Server({ port: 8080 });
server.on("connection", (socket) => {
console.log("WebSocket connection established.");
socket.on("message", (data) => {
console.log("Received data: ", data);
socket.send("Server response: " + data);
});
socket.on("close", () => {
console.log("WebSocket connection closed.");
});
});其中，wss://www.example.com/socket 是需要建立 WebSocket 连接的地址，server 是服务端对象，用于监听客户端的连接请求。
以上是几种常见的跨域解决方案，它们的使用场景和优缺点各不相同。在实际应用中，应根据具体的需求和限制选择合适的解决方案。