常见跨域设置

1、nginx 跨域 设置

location / {
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
    if ($request_method = 'OPTIONS') {
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
        add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
        add_header 'Access-Control-Max-Age' 1728000;
        add_header 'Content-Type' 'text/plain charset=UTF-8';
        add_header 'Content-Length' 0;
        return 204;
    }
}

这段代码会在响应头中添加跨域相关的信息，其中add_header 'Access-Control-Allow-Origin' '*'表示允许所有来源进行跨域请求。如果你需要更严格的控制，可以将'*'改为具体的域名。

2、java 跨域 设置

要在Java中设置跨域，可以使用Java Serv let 规范提供的CORS（跨来源资源共享）机制。以下是一个简单的示例：

public class MyFilter implements Filter {
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
        HttpServletRequest request = (HttpServletRequest) req;
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type, Access-Control-Allow-Headers, Authorization, X-Requested-With");
        chain.doFilter(req, res);
    }
    // ...
}

在上面的代码中，

Access-Control-Allow-Origin表示允许所有来源进行跨域请求，如果你需要更严格的控制，可以将'*'改为具体的域名。
Access-Control-Allow-Methods表示允许的请求方法，Access-Control-Max-Age表示预检请求缓存时间，
Access-Control-Allow-Headers表示允许的请求头。在使用时，将该过滤器添加到web.xml中即可。

3、前端 vue和react 跨域 设置

在Vue和React中，可以使用axios库来发送跨域请求。以下是一个简单的示例：

import axios from 'axios';

axios.defaults.baseURL = 'http://example.com';
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';

axios.interceptors.request.use(
  config => {
    config.headers.Authorization = 'Bearer ' + localStorage.getItem('token');
    return config;
  },
  error => {
    return Promise.reject(error);
  }
);

axios.interceptors.response.use(
  response => {
    return response;
  },
  error => {
    if (error.response.status === 401) {
      // 处理未授权的情况
    }
    return Promise.reject(error);
  }
);

export default axios;