SpringBoot/SSM体系下跨域解决方案

本文总结SpringBoot或者SSM体系下跨域后端处理方案。

【1】SpringBoot

直接在WebConfigurer配置即可，具体属性/值可以根据需要自定义

//跨域配置
@Bean
public WebMvcConfigurer corsConfigurer(){
    return new WebMvcConfigurer() {
        @Override
        public void addCorsMappings(CorsRegistry registry) {
            registry.addMapping("/**").
                    allowedOrigins("*"). //允许跨域的域名，可以用*表示允许任何域名使用
                    allowedMethods("*"). //允许任何方法（post、get等）
                    // allowedMethods("GET", "HEAD", "POST", "PUT", "DELETE", "OPTIONS"). //允许任何方法（post、get等）
                    allowedHeaders("*"). //允许任何请求头
                    allowCredentials(true). //带上cookie信息
                    exposedHeaders(HttpHeaders.SET_COOKIE).maxAge(3600L);
            //maxAge(3600)表明在3600秒内，不需要再发送预检验请求，可以缓存该结果
        }
    };
}

【2】SSM体系

这里比较麻烦，需要编写跨域过滤器并配置在web.xml中。

跨域过滤器：

// 跨域过滤器
public class CrosFilter implements Filter {
    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) req;
        HttpServletResponse response = (HttpServletResponse) res;
        String curOrigin = request.getHeader("Origin");
        StringBuffer requestURL = request.getRequestURL();
        System.out.println("跨域过滤器被执行，当前访问来源者为：" + curOrigin);
        System.out.println("跨域过滤器被执行，当前访问来源者为：" + requestURL.toString());
        // 设置响应头
        //该字段是必须的。它的值要么是请求时Origin字段的值，要么是一个*，表示接收任意域名的请求。
        response.setHeader("Access-Control-Allow-Origin", "http://localhost:8081");
        //该字段是必须的，用来列出浏览器的CORS请求会用到哪些HTTP方法
        response.setHeader("Access-Control-Allow-Methods", "*");
        //预检间隔时间
        response.setHeader("Access-Control-Max-Age", "3600");
        //该字段是一个逗号分隔的字符串，指定浏览器CORS请求会额外发送的头信息字段
        //一旦自己设置了自定义请求头那么在服务端就不能统一放行设置为*,这样是不会通过校验的，
        // *一般校验的只有固定的请求头参数，如果是自定义的请求头自然不在这个列表中，所以如果是自定义请求头，后端需要将自定义头逐一校验，这样方能完成预校验
//        response.setHeader("Access-Control-Allow-Headers", "*");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type,X-CAF-Authorization-Token,sessionToken,token,customercoderoute,authorization,conntectionid,Cookie,request-ajax");

        //Access-Control-Allow-Credentials：该字段可选。它的值是一个布尔值，表示是否允许发送Cookie。
        // 默认情况下，Cookie不包括在CORS请求之中，设为True，
        // 即表示服务器明确许可，Cookie可以包含在请求中，一起发送给服务器。
        // 这个值也只能设为True，如果服务器不要浏览器发送Cookie，删除即可
        //　Access-Control-Allow-Credentials为True的时候，Access-Control-Allow-Origin一定不能设置为“*”，否则报错
        response.setHeader("Access-Control-Allow-Credentials","true");
        response.setHeader("Access-Control-Expose-Headers", "*");

        // 浏览器默认会发起异常 OPTIONS 的请求方式 这个时候我们通过过滤器直接拦截返回200后就可以解决跨越问题
        if ("OPTIONS".equals(request.getMethod())) {
            response.setStatus(HttpServletResponse.SC_OK);
            return;
        }
        System.out.println("跨域过滤器被执行，chain.doFilter(request, response);" );
        chain.doFilter(request, response);
    }

    @Override
    public void init(FilterConfig filterConfig) {
    }

    @Override
    public void destroy() {
    }
}

xml配置：

<filter>
    <filter-name>crosFilter</filter-name>
    <filter-class>com.jane.config.CrosFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>crosFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

可以看到两种体系下属性的设置基本一致的。