前端解决跨域的问题代码

在前端解决跨域问题时，可以使用以下几种方法：

1. 使用JSONP：

function jsonp(url, callback) {
  const script = document.createElement('script');
  script.src = url;
  window[callback] = function(data) {
    delete window[callback];
    document.body.removeChild(script);
    callback(data);
  };
  document.body.appendChild(script);
}

jsonp('http://example.com/api/data?callback=handleData', function(data) {
  console.log(data);
});

2. 使用CORS（XMLHttpRequest）：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/data');
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();

3. 使用代理服务器：

在本地启动一个服务器，将前端请求发送到代理服务器，然后由代理服务器转发请求到目标服务器。这样可以避免浏览器的同源策略限制。

4. 使用WebSocket：

使用WebSocket与服务器建立长连接，进行双向通信。WebSocket是一种支持跨域的协议。

以上是常见的前端解决跨域问题的方法，根据实际情况选择合适的方式进行跨域请求。