解决 AJAX 跨域请求的方法有几种。跨域请求指的是通过 AJAX 在不同域名、端口或协议下进行的请求，由于浏览器的安全策略限制，这些请求可能会被阻止。以下是一些常见的解决方法：
1、使用服务器代理
在你的服务器上创建一个代理，将 AJAX 请求发送到该代理，再由代理将请求发送到目标服务器。因为同源策略仅适用于浏览器，服务器之间的通信不受同源策略限制。这种方法需要你控制服务器，并配置代理来转发请求。
2、跨域资源共享 (CORS)：
CORS 是一种在浏览器和服务器之间使用的机制，它通过在服务器响应中包含特定的头信息来允许跨域请求。服务器需要在响应中包含 Access-Control-Allow-Origin 头信息，指定允许访问的源。你可以配置服务器端的代码来实现 CORS，具体方式取决于你使用的后端技术。
3、JSONP (JSON with Padding)：
JSONP 是一种利用 <script> 标签跨域获取 JSON 数据的技术。它通过动态创建 <script> 标签来实现跨域请求，并在请求的 URL 中指定一个回调函数，服务器在返回数据时会将数据作为参数传递给该回调函数。这种方法只适用于 GET 请求，并且需要服务器端支持 JSONP。
4、使用代理服务：
有一些第三方服务提供了跨域请求的代理功能，你可以将 AJAX 请求发送到这些服务的域名下，然后由服务代理转发请求到目标服务器。这种方法不需要你控制服务器，但需要依赖第三方服务。
5、举例：
(1）假设你的网站部署在 www.example.com 上，而你需要通过 AJAX 请求获取另一个域名 api.example-api.com 上的数据。由于跨域限制，直接在前端进行这样的 AJAX 请求可能会被浏览器阻止。
使用服务器代理：
在你的服务器上创建一个代理服务，比如说 proxy.example.com。然后，前端的 AJAX 请求发送到 proxy.example.com，由代理服务将请求转发到 api.example-api.com，获取数据后再返回给前端。这样就避免了跨域问题。
CORS 配置：
如果你有权限控制 api.example-api.com 的服务器，可以在服务器端配置 CORS，允许 www.example.com 的域名跨域访问。在服务器的响应头中添加以下内容：
Access-Control-Allow-Origin: http://www.example.com
Access-Control-Allow-Methods: GET, POST, PUT, DELETE
Access-Control-Allow-Headers: Content-Type
这样配置后，浏览器就会允许来自 www.example.com 域名的 AJAX 请求跨域访问了。
使用 JSONP：
如果 api.example-api.com 支持 JSONP，你可以通过动态创建 <script> 标签来获取数据。例如：
function handleData(data) {
// 处理获取到的数据
}
var script = document.createElement('script');
script.src = 'http://api.example-api.com/data?callback=handleData';
document.body.appendChild(script);
这样可以通过 JSONP 跨域获取数据，并在 handleData 函数中处理返回的数据。
使用代理服务：
有一些第三方服务提供了跨域请求的代理功能，比如 CORS Anywhere、JSONP Proxy 等。你可以将 AJAX 请求发送到这些服务的域名下，然后由服务代理转发请求到目标服务器。这种方法不需要你控制服务器，但需要依赖第三方服务。例如：
fetch('https://cors-anywhere.herokuapp.com/http://api.example-api.com/data')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
在这个例子中，我们将 AJAX 请求发送到了 CORS Anywhere 提供的代理服务 https://cors-anywhere.herokuapp.com/，再由该服务代理转发请求到 http://api.example-api.com/data。
选择合适的解决方法取决于你的具体情况和需求。如果你对服务器有控制权限，可以考虑在服务器端配置 CORS 或者创建自己的代理服务。如果不想管理额外的服务器或者对服务器没有控制权限，可以考虑使用第三方的代理服务或者其他适合的方法。
(2)springboot中解决Ajax跨域请求
在 Spring Boot 中，解决 AJAX 跨域请求可以通过配置跨域资源共享 (CORS) 来实现。通过在服务器端设置允许跨域请求的头信息，浏览器就能允许来自不同域名的 AJAX 请求。在 Spring Boot 中，您可以通过使用 @CrossOrigin 注解或通过全局 CORS 配置来实现这一点。
下面我将分别示范两种方法：
方法一：使用 @CrossOrigin 注解
@CrossOrigin 注解可以直接添加到您的 Spring Boot 控制器中的方法上，或者添加到类上。这将允许特定的端点或整个控制器接受来自指定源的跨域请求。
例如，假设您有一个 ExampleController 类：
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.bind.annotation.CrossOrigin;
@RestController
@RequestMapping("/api")
public class ExampleController {
@GetMapping("/data")
@CrossOrigin(origins = "http://www.example.com") // 指定允许跨域请求的源
public String getData() {
return "This is some data.";
}
}
在这个示例中，/api/data 端点允许来自 http://www.example.com 域的请求进行跨域访问。
您可以在 @CrossOrigin 注解中使用 origins 参数指定允许的源。如果希望允许所有源进行跨域请求，可以使用 origins = "*" 。
方法二：全局 CORS 配置
如果希望为所有控制器的所有端点启用跨域请求，可以通过配置 WebMvcConfigurer 接口来实现全局 CORS 配置。
在您的 Spring Boot 应用程序中，创建一个名为 CorsConfig 的类：
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
@Configuration
public class CorsConfig implements WebMvcConfigurer {
@Override
public void addCorsMappings(CorsRegistry registry) {
registry.addMapping("/**")
.allowedOrigins("http://www.example.com") // 指定允许的源
.allowedMethods("GET", "POST", "PUT", "DELETE") // 指定允许的 HTTP 方法
.allowedHeaders("*") // 指定允许的请求头
.allowCredentials(true); // 指定是否允许携带凭据（如 cookies）
}
}
在这个配置中，通过调用 addCorsMappings 方法并指定请求路径映射 (/表示应用的所有路径)，您可以为所有控制器配置 CORS。例如，这里配置允许来自 http://www.example.com 的源发送请求，并指定了允许的 HTTP 方法、请求头以及是否允许携带凭据。
通过这两种方法，您可以在 Spring Boot 应用程序中配置跨域请求，以允许 AJAX 请求跨域访问。
