跨域问题的产生和解决

        CORS (Cross-Origin Resource Sharing)，跨域资源共享。CORS是官方的跨域解决方案，它的特点是不需要在客户端做任何特殊的操作，完全在服务器中进行处理。跨域资源共享标准新增了一组HTTP首部字段，允许服务器声明哪些源站通过浏览器有权限访问哪些资源。

@RestController
@CrossOrigin(origins = "http://example.com")
public class HelloController {

    @RequestMapping("/hello")
    public String hello() {
        return "hello world";
    }
}

        配置方式：

@Configuration
public class WebConfig implements WebMvcConfigurer {

    /**
     * 配置跨域支持
     * @param registry
     */
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")		//允许的路径，即我们那些接口可以跨域
                .allowedOrigins("http://example.com")		//允许的源
                .allowCredentials(true) 	//是否允许发送凭证
                .allowedMethods("GET","POST","PUT","DELETE")  //指定允许的 HTTP 方法
                .maxAge(3600 * 24);		//预检请求有效期
    }

        通过 Nginx 反向代理可以有效地解决跨域问题。

        假设有两个域名为 example.com 和 api.example.com，我们希望在 example.com 上通过 AJAX 请求获取 api.example.com 上的数据，但由于跨域限制，请求被浏览器拦截了。我们可以通过 Nginx 配置反向代理来解决这个问题。

        首先，确保 Nginx 已经安装并运行。编辑 Nginx 的配置文件，通常位于 /etc/nginx/nginx.conf 或 /etc/nginx/sites-available/default。

server {
    listen 80;
    server_name example.com;

    location /api {
        # 定义代理目标
        proxy_pass http://api.example.com;
        # 允许跨域请求
        add_header Access-Control-Allow-Origin *;
        # 允许带身份验证信息的跨域请求
        add_header Access-Control-Allow-Credentials true;
        # 允许的请求方法
        add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
        # 允许的请求头
        add_header Access-Control-Allow-Headers 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range';
        # 预检请求的有效期
        add_header Access-Control-Max-Age 3600;
        # 处理 OPTIONS 请求
        if ($request_method = 'OPTIONS') {
            add_header Content-Type 'text/plain; charset=utf-8';
            add_header Content-Length 0;
            return 204;
        }
    }
}

5. 两种解决方案对比